CocosCreator物理小游戏实战-别离开碗(一)

摘要

CocosCreator 物理小游戏实战教程开更啦!来跟 KUOKUO 一起学习吧!开发语言为 TypeScript!

正文

使用版本

CocosCreator 版本 2.3.4

游戏效果

CocosCreator物理小游戏实战-别离开碗(一)_第1张图片

游戏介绍

这个物理小游戏玩法是要玩家控制轮盘,进而控制食物下落,让它们稳稳的落进碗里,掉出去就算游戏失败,而按照要求摆满碗就算过关。这个游戏是 KUOKUO 在 2019 年 8 月份就做成了微信小游戏,但是因为忙别的事情一直放在了那里,今天 KUOKUO 就把它简化后重写,另起了一个更贴切的名字,做成一个教程分享给大家,想体验的可以扫下面的二维码。代码也已经开源至 GitHub,并且阔阔还把素材单独分了一个文件夹,想跟着做的可以从头开始哦!

CocosCreator物理小游戏实战-别离开碗(一)_第2张图片
CocosCreator物理小游戏实战-别离开碗(一)_第3张图片

思路规划

项目采用的是 TypeScript 语言,单场景。脚本按功能分为 UI 相关、游戏逻辑、Util 工具脚本、数据存储以及 Config 关卡配置文件。游戏中的 UI 有开始场景、关卡选择、轮盘控制、关卡信息、胜利与失败弹窗共六个,由一个 UIManager 节点管理,UIManager 负责与 GameManager 交互。

CocosCreator物理小游戏实战-别离开碗(一)_第4张图片

UIManager 与 GameManager 由一个静态单例存储取用,MusicManager 负责音乐播放但它不挂载于任何节点,采用异步加载 resources 文件夹下音频文件的模式。下图为资源与节点层级结构,UI 都是预制体形式,节点树十分清晰:
CocosCreator物理小游戏实战-别离开碗(一)_第5张图片

流程图

这里给出大致的流程图,主要是 UI 初始化:

CocosCreator物理小游戏实战-别离开碗(一)_第6张图片

结语

第一部分主要讲解了大体思路,我们在第二部分详细介绍下 UI 的管理!

码代码的教学视频也正在准备哦,敬请期待!O(∩_∩)O~~

你可能感兴趣的:(别离开碗-物理小游戏)