美文网首页
【Cocos谁学谁会】制作会跑动的地板

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

作者: mogoolib | 来源:发表于2019-09-29 19:20 被阅读0次

    版权申明:

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

    博客园: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中


      在这里插入图片描述

    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

    相关文章

      网友评论

          本文标题:【Cocos谁学谁会】制作会跑动的地板

          本文链接:https://www.haomeiwen.com/subject/terqpctx.html