欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-01-22 16:31:57
版权申明: 本文原创首发于以下网站,您可以*转载,但必须加入完整的版权声明 博客园MogooStudio: csdn博客MogooStudio: 最后效果 源码分享 以下步骤详细内容可能跟源码中有出入,一切以源码为准 CocosCreator版本:2.1.2,务必使用大于此版本的引擎运行 源码地址 ......

版权申明:

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

博客园mogoostudio:https://www.cnblogs.com/mogoostudio/
csdn博客mogoostudio:

最后效果

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

源码分享

简单步骤

1. 创建工程(略)

2. 材质box

  • 创建材质box
  • 设置材质box的effect属性为builtin-unit(内置的无光照)
  • 勾选use_diffuse_texture(实用漫反射纹理),点击应用
  • 拖动texture纹理到diffusetexture中
    【Cocos谁学谁会】制作会跑动的地板

3. 预制件box

  • 创建3d节点box,命名为box
  • 创建box.js脚本,脚本内容见源码
  • 拖动box.js脚本到预制件box下
  • 拖动材质box到预制件meshranderer组件下面的materials中
  • 拖到prefab文件夹下生成预制件
    【Cocos谁学谁会】制作会跑动的地板

4. 管理节点mgr

  • 创建空节点mgr,设置节点为3d节点
    【Cocos谁学谁会】制作会跑动的地板
  • 设置节点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