【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