【Cocos谁学谁会】制做会跑动的地板

版权申明：

本文原创首发于如下网站，您能够自由转载，但必须加入完整的版权声明

博客园： https://www.cnblogs.com/Mogoo...
csdn博客： https://blog.csdn.net/nmjkl001/
知乎： https://www.zhihu.com/people/...
简书： https://www.jianshu.com/u/954...
segmentfault： https://segmentfault.com/u/mo...

最后效果

源码分享

• 如下步骤详细内容可能跟源码中有出入，一切以源码为准
• CocosCreator版本：2.1.2，务必使用大于此版本的引擎运行
• 源码地址： https://github.com/MogooStudio/Runningfloor

简单步骤

1. 建立工程（略）

2. 材质box

• 建立材质box
• 设置材质box的effect属性为builtin-unit（内置的无光照）
• 勾选USE_DIFFUSE_TEXTURE（实用漫反射纹理），点击应用
• 拖动texture纹理到diffuseTexture中

3. 预制件box

• 建立3D节点Box，命名为box
• 建立box.js脚本，脚本内容见源码
• 拖动box.js脚本到预制件box下
• 拖动材质box到预制件MeshRanderer组件下面的Materials中
• 拖到prefab文件夹下生成预制件

4. 管理节点mgr

• 建立空节点mgr，设置节点为3D节点

• 设置节点x左右为480，y坐标为300，z坐标为0

5. Canvas节点

• 建立main.js脚本，脚本内容见源码
• 拖动main.js脚本到Canvas节点下
• 拖动mgr节点到main.js脚本组件相应中
• 拖动box预制件到main.js脚本组件相应中

6. 摄像机

• 设置主摄像机的模式改成3D，z坐标设置为800
• 去掉ortho勾选，设置fov为60

个人联系方式：

QQ：2161044579
邮箱：mogoostudio@outlook.com
Github： https://github.com/MogooStudio