著作權申明：
本文原創首發于以下網站，您可以自由轉載，但必須加入完整的著作權宣告
博客園：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
郵箱：[email protected]
Github：https://github.com/MogooStudio
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/17914.html
標籤：其他