消星星小游戏附带在线视频教程

消星星小游戏附带在线视频教程

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

该项目的特点

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

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

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

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

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

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

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

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

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

视频教程链接

基础UI素材

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

利用稿定PS制作返回图标

利用稿定PS制作标题框

利用稿定PS制作普通按钮

利用稿定PS制作直线光晕

利用稿定PS制作提示框

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

利用稿定PS制作模态框

利用稿定PS制作炸弹图标

利用稿定PS制作立体刷新图标

利用稿定PS制作简易游戏背景

利用稿定PS制作关卡目标分数面板

消星星UI篇

1制作星星方块

2制作游戏界面

消星星Cocos3.8.6代码篇

1项目初始化

2渲染游戏界面

3点击方块消除

4方块补位

5纵列补位

6游戏过关

7关卡结束

8关卡结束UI

9 结束语

开发环境

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

  • 引擎版本:CocosCreator 3.8.6

  • 编程语言:TypeScript

同系列其他项目

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

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

4赞

支持一波!可以搞个背包英雄或上车三消教程吗?

多谢支持哈,后续是有计划把常见的小游戏逻辑实现一下,不过更新不会太快,录视频确实太耗时间了

1赞