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

2024-06-30 05:53:33

摘要

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~~

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

CocosCreator物理小游戏实战-别离开碗（二）
摘要 CocosCreator 物理小游戏实战的视频教程也开更啦!来哔哩哔哩关注 KUOKUO 一起学习吧! 正文使用版本 CocosCreator 版本 2.3.4 资源划分素材导入后进行资源分 ...
CocosCreator物理小游戏实战-别离开碗（四）完结！
摘要阔阔录制的物理小游戏视频教程更新到了26集!完结撒花!文章总结下后面部分,去 GitHub 给阔阔点个 Star 就是最大的认可. 正文使用版本 CocosCreator 版本 2.3.4 视 ...
CocosCreator 经典飞刀小游戏 (实战)
这是一款比较经典的小游戏了,新手可以做些这种工程量比较小的游戏来练练手! 项目下载链接:https://download.csdn.net/download/qq_45021180/12172205 ...
【微信小游戏实战】零基础制作《欢乐停车场》二、关卡设计
1.游戏立项微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...
个人使用CocosCreator开发小游戏路上的一些“坑坑洼洼”
个人使用CocosCreator开发小游戏路上的一些"坑坑洼洼" 开场自白微信小游戏适配一般界面弹窗节点适配套路的需求适配 PS ps中的ps 摄像机的新手操作 tiled ...
CocosCreator 微信小游戏云函数简单使用
转自 CocosCreator 微信小游戏云函数简单使用 - 简书六边形站神关注IP属地: 湖南 2021.09.09 16:33:41字数 201阅读 554 后台编写云函数首先在后台开通云开 ...
【微信小游戏实战】零基础制作《欢乐停车场》三、游戏场景制作
1.游戏立项微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...
【微信小游戏实战】零基础制作《欢乐停车场》一、游戏设计
1.游戏立项微信小游戏中有一款<欢乐停车场>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各颜色的小 ...
CreatorPrimer | 物理小游戏(碰撞事件监听)
继续物理小游戏,我们先回顾一下CreatorPrimer仓库中提供的五个组件脚本: 使用这5个组件脚本,可以构建非常有趣的物理小游戏,下面我们对这5个自定义组件做一个简单介绍: PhysicsMana ...

最新文章

热门文章