微信抖音小游戏《黄金矿工》案例详解

序言

微信小游戏，抖音小游戏，非常适合个人开发者创业，不用版号，门槛低，同时抖音小游戏的系统算法推荐，能让好的游戏脱颖而出, 你要做的就是把游戏做好就可以了。

本篇系列的文章，配套了视频教程讲解与课程资源,课程源码。可以关注留言获取哦！

下面开始讲解黄金矿工的具体制作流程。

1:开发工具的基本使用

教程的开发工具选用cocos creator, 开发语言选用TypeScript。首先我们创建项目，导入素材，素材如图:

项目路径不要使用中文和空格，使用英文或英文缩写，项目工程里面的目录结构要清晰，在Assets下面我们分成Res, Scene, Scripts,。

2: 搭建《黄金矿工》游戏场景

一般做一个2D游戏，我们会把一个游戏的场景分成下面几个层次:

a: 游戏背景层 b: 游戏地图层
c: 角色物品层, d: 游戏UI层,我们按照这个层次，把黄金矿工的游戏地图分类进行放好，如图:

BackGound: 背景层, LogicMap: 逻辑地图层，黄金矿工还有什么地图呢？主要是要把边缘表示出来, 我们使用了碰撞检测系统， 所以把边缘堵上墙，作为我们的逻辑地图，也就是加Box碰撞器，如图:

GoldRoot 黄金物品的跟节点，所有的黄金生成出来后都放这个根节点下。

Player: 游戏主角，就是我们的矿工的绳子和钩子。这个制作的时候一个技巧，主角是由绳子，和绳子断点上的金属圆环组成。

Player的原点在绳子的一头，所以绳子作为Player的孩子，锚点要为[0.5, 1], 绳子的长度可能会变化，我们修改body的高度就可以让绳子有变化。比如绳子长度为200，我们把body这个节点的高度改成200，即可

金属探测圆环，我们命名为header, header 的位置是与绳子的高度相关的，在最下面，我们观察一下坐标，