版权申明:
本文原创首发于以下网站,您可以自由转载,但必须加入完整的版权声明
博客园:https://www.cnblogs.com/MogooStudio/
csdn博客:https://blog.csdn.net/nmjkl001/
知乎:https://www.zhihu.com/people/MogooStudio/
简书:https://www.jianshu.com/u/9547c81ca54e
segmentfault:https://segmentfault.com/u/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
网友评论