Fork me on github

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

版权申明：

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

博客园：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

最后效果

在这里插入图片描述

源码分享

简单步骤

1. 创建工程（略）

2. 材质box

  • 创建材质box
  • 设置材质box的effect属性为builtin-unit（内置的无光照）
  • 勾选USE_DIFFUSE_TEXTURE（实用漫反射纹理），点击应用
  • 拖动texture纹理到diffuseTexture中
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190925183359838.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25tamtsMDAx,size_16,color_FFFFFF,t_70)

3. 预制件box

  • 创建3D节点Box，命名为box
  • 创建box.js脚本，脚本内容见源码
  • 拖动box.js脚本到预制件box下
  • 拖动材质box到预制件MeshRanderer组件下面的Materials中
  • 拖到prefab文件夹下生成预制件
    ![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190925183412213.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25tamtsMDAx,size_16,color_FFFFFF,t_70)

4. 管理节点mgr

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

posted @ 2019-09-27 13:23  MogooStudio  阅读(533)  评论(0)    收藏  举报