CocosCreator物理小游戏实战-别离开碗（一）

摘要

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

正文

使用版本

CocosCreator 版本 2.3.4

游戏效果

游戏介绍

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

思路规划

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

UIManager 与 GameManager 由一个静态单例存储取用，MusicManager 负责音乐播放但它不挂载于任何节点，采用异步加载 resources 文件夹下音频文件的模式。下图为资源与节点层级结构，UI 都是预制体形式，节点树十分清晰：

流程图

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

结语

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

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