五子棋单机版附UI制作教程与代码开发教程

五子棋单机版附UI制作教程与代码开发教程

大家好,最近刚制作好了一款五子棋单机版小游戏,并有全套UI制作教程与代码开发教程,教程已经全部发布到B站 五子棋

该项目的特点

  • UI制作教程用的工具是 在线稿定PS,使用方便。

  • UI制作教程详细地讲解了每一个素材的制作过程

  • 代码开发教程通过面向过程的编码方式,详细地讲解了每一行代码,并循序渐近地讲解了代码的一步步封装过程

  • 代码精简,该项目的所有代码都在一个文件中,而且只有几百行代码,方便学习

附带源码项目已上传到cocosstore 正在审核中

其实根据在线视频教程完全可以将该项目复刻出来,这里只是为了方便需要快速学习的朋友,或者不想费时间做UI素材的朋友

  • 该源码有目前项目UI的所有素材的psd源文件,可以方便地修改,也可以方便的复用到其他项目中

  • 代码开发的9节教程每一节都有对应的源代码,方便对任意一节直接运行调试

  • 该源码还有个最终版,最终版在代码教程完毕的基础上又增加了一些优化功能,比如增加音效等。

视频教程链接

利用稿定PS制作开始游戏按钮

利用稿定PS制作返回图标

利用稿定PS制作标题框

利用稿定PS制作普通按钮

利用稿定PS制作提示框

利用稿定PS制作泡泡样式标题

利用稿定PS制作模态框

利用稿定PS制作立体圆形按钮

五子棋UI篇

1制作棋盘

2制作黑白棋子

3制作游戏主界面

五子棋Cocos3.8.6代码篇

1项目初始化

2玩家下棋

3完成对弈循环

4完善UI显示

5完善AI算法

6完善细节

开发环境

  • UI制作工具:在线稿定PS https://ps.gaoding.com/

  • 引擎版本:CocosCreator 3.8.6

  • 编程语言:TypeScript

同系列其他项目

黑八2d桌球单机版附UI制作教程与代码开发教程