一周搞定Cocos creator（cocos creator 入门篇） 7 - 官方消灭星星代码分析（2）

继续前文，hero和对应逻辑已经添加完成，后面添加障碍物以及碰撞逻辑

这里用到了预制，

预制：Prefab

个人觉得 预制是最能体现creator设计思想的体现 

https://docs.cocos.com/creator/api/zh/classes/Prefab.html?h=prefab

看下预制的制作方法：

在编辑器中 拖拽设计的节点 完成后拖拽至res对应目录（预制文件最好单独用文件夹存放 便于资源管理）

star预制完成后，按照文档逻辑 添加随机生成的方法 这里有几点需要注意

1：正如文档所言

这一部分 节点设定需要关注下

2：预制文件的使用

你可以把预制当作一个layer或者node 如 在游戏中我们经常会有各种二级 三级界面  如设置界面 背包等 这部分都可以作为预制

待你要的预制文件编辑完毕后 便可加入对应场景中 

3：game代码完成后，scene中选中canvas节点 拖拽game.js到属性中 然后拖拽对应节点到属性即可

完成后 run 查看运行效果 

 

关注下 instantiate（）用于克隆指定的任意类型的对象，或者从 Prefab 实例化出新节点。返回值为 Node 或者 Object。

这个也是我们用来加载预制的接口

 

4：添加消除逻辑

消除逻辑的核心是 hero 和障碍物 距离小于L 即判定碰撞 完成消除逻辑  

这里看下 getComponent（）方法 

5：音频上面讲到过 

 

运行 看下效果