版权申明：
本文原创首发于以下网站，您可以自由转载，但必须加入完整的版权声明
博客园mogoostudio：https://www.cnblogs.com/mogoostudio/
csdn博客mogoostudio：
最后效果
源码分享
- 以下步骤详细内容可能跟源码中有出入，一切以源码为准
- 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
