KUOKUO的物理小游戏(一)

Wesley13
• 阅读 474

摘要

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

使用版本

CocosCreator 版本 2.3.4

游戏效果

KUOKUO的物理小游戏(一)

游戏介绍

这个物理小游戏玩法是要玩家控制轮盘,进而控制食物下落,让它们稳稳的落进碗里,掉出去就算游戏失败,而按照要求摆满碗就算过关。

这个游戏是 KUOKUO 在 2019 年 8 月份就做成了微信小游戏,但是因为忙别的事情一直放在了那里,今天 KUOKUO 就把它简化后重写,另起了一个更贴切的名字,做成一个教程分享给大家,想体验的可以扫下面的二维码。代码也已经开源至 GitHub,并且阔阔还把素材单独分了一个文件夹,想跟着做的可以从头开始哦!

KUOKUO的物理小游戏(一)

KUOKUO的物理小游戏(一)

思路规划

项目采用的是 TypeScript 语言、单场景。脚本按功能分为 UI 相关、游戏逻辑、Util 工具脚本、数据存储以及 Config 关卡配置文件。

游戏中的 UI 有开始场景、关卡选择、轮盘控制、关卡信息、胜利与失败弹窗共六个,由一个 UIManager 节点管理,UIManager 负责与 GameManager 交互。

KUOKUO的物理小游戏(一)

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

KUOKUO的物理小游戏(一)

流程图

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

KUOKUO的物理小游戏(一)

结语

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

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

本文分享自微信公众号 - Creator星球游戏开发社区(creator-star)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
Easter79 Easter79
2年前
three.js
第1章课程介绍介绍了微信小游戏的概念以及相关的由来,从宏观上对于微信小游戏的定位和价值有一个明确的认识第2章微信小游戏平台与特性讲了微信小游戏平台的相关特性,包括微信小游戏工程的建立,微信小游戏开发工具的详细使用,以及微信小游戏相关API的实战等第3章THREEJS与WebGL核心概念通过理论和实战,讲解了什么是webgl、什
Stella981 Stella981
2年前
Cocos Creator基础教程(9)—优化代码编辑器
CocosCreator游戏开发主要是使用JavaScript语言,这里向大家推荐VisualStudioCode和Webstorm两款JavaScript神级编辑器。这两款编辑器的安装都很简单,这里主要介绍在CocosCreator项目中如何调整编辑器配置,以提升开发效率。1\.排除干扰文件我们知道CocosCre
Stella981 Stella981
2年前
Cocos Creator 虚拟摇杆
版本:2.3.4参考:【持续更新】CocosCreator源码分享——针对游戏中的各种功能(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fforum.cocos.org%2Ft%2Fcocoscreator%2F87522)和原文的区别1. 监听事件不使用字符串
Stella981 Stella981
2年前
CocosCreator物理小游戏(二)
摘要CocosCreator物理小游戏实战的视频教程也开更啦!来哔哩哔哩关注KUOKUO一起学习吧!正文使用版本CocosCreator版本2.3.4资源划分素材导入后进行资源分类,我这里将其分为game文件夹与ui文件夹,对应游戏场景使用资源和显示UI资源。!(https
Stella981 Stella981
2年前
Protobuf在微信小游戏开发中的使用技巧
微信小游戏发布后,许多HTML5游戏开发者希望把现有的HTML5游戏迁移到微信小游戏中,但由于一些技术上的问题导致进程卡壳。通过梳理Egret社区、白鹭小游戏开发技术讨论群等途径的反馈后发现,有不少开发者遇到的难题在于「如何在微信小游戏中使用Protobuf」。白鹭引擎架构师王泽在近期发布了一个开源项目protobufegret,提供了一个可
Stella981 Stella981
2年前
Creator 新版解锁字节跳动,以及更多平台!
继上周发布了v2.4.1之后,CocosCreatorv2.4.2 为大家带来呼声已久的字节小游戏平台支持!手握庞大流量和强势渠道,相信将为开发者带来更多的机会,我们也期待字节小游戏上爆发出更多优秀的产品!我们建议需要发布字节小游戏的开发者将引擎升级到最新版本,以获得最佳的使用体验。
Wesley13 Wesley13
2年前
html5小游戏Untangle
   今天介绍一个HTML5的小游戏,让大家体验到HTML5带来的乐趣。这个小游戏很简单,只要用鼠标拖动蓝点,让图上的所有线都不相交,游戏时间就会停止,是动用大家头脑的时候啦。!html5小游戏Untangle,以最快的速度把所有线都做到互不相交(http://static.oschina.net/uploads/img/201403
Wesley13 Wesley13
2年前
JAVA游戏编程学习笔记(四)Java PinBall 简单弹球小游戏【1】
之前写了一个非常简单的Java2D小游戏底层框架,为了把这个游戏框架丰富起来,这阵子需要实际完成几个小游戏代码,这样才能在实际中检验游戏框架使用性!先来一个简单的小游戏:JavaPinBall简单弹球小游戏 先上图!!(http://static.oschina.net/uploads/space/2015/1110/202955_
Stella981 Stella981
2年前
Cocos Creator 下载不同版本引擎
CocosCreator版本:2.3.4例如已安装下载最新版本2.3.4,想安装2.3.3。下载引擎打开cocos官网 https://www.cocos.com/creator(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cocos.com%2Fcr
Stella981 Stella981
2年前
Egret白鹭开发微信小游戏程序跳转功能(由一个小游戏跳转到另一个小游戏)
假设我们要实现的功能是从小游戏A跳转到小游戏B对于小游戏A:(1)在platform.ts中添加代码如下:!(https://oscimg.oschina.net/oscnet/7b57e0521728aa535881f153dee952fb118.png)/平台数据接口。由于每款游戏