麒麟子Cocos Creator 3D研究笔记零：从零开始入门并发布微信小游戏
一、前言
Cocos Creator,我回来了。
2016年6月，大家都觉得Cocos Creator 2D不够成熟的时候，我就开始商用了。因为我感受到了市场对Cocos Creator商业游戏源码框架的需求，看到了Cocos Creator对商业案例的迫切。
2020年，也在这个差不多的时间点，我把工作重点放到了Cocos Creator 3D上来。我不能保证我对未来的判断是正确的，但我以我自己掌握的信息和对市场的敏感来看，我觉得目前将工作聚焦到Cocos Creator 3D上来，是目前阶段来看，后期赢面最大的选择。
二、入门心得
麒麟子学习一个东西，喜欢从零开始。
这个所谓的从零开始，哲学版叫：空杯心态。
由于Cocos Creator 3D与目前的Cocos Creator 2.4.x有着极大的差异，所以我选择暂时忘掉我会Cocos Creator的这个事情。
我选择的顺序是
1、下载并安装Cocos Creator 3D v1.1.1
2、查看Cocos Creator 3D文档《新手上路》
3、根据《快速上手：制作第一个游戏》的内容，一步步完成教学。
注：为了少走弯路，和我在编码之前，先看了《注意事项》
前面的部分挺顺利，为了更深刻的熟悉Cocos Creator 3D中的TS代码引用关系，我连PlayerController.ts代码都是一行不漏的手敲的。当学到游戏管理器（GameManager）这个部分的时候，我就感觉自己已经熟悉了编辑器的使用。并且教程中的跑道是固定跑道，我要一气呵成，第一版就改成无限跑道。所以从这个部分开始，我就自己折腾了。
比起官方DEMO，我做了以下修改。
1、跑道升级为无限跑道
我做的策略是跑道分块。 这个分块来自于跑酷游戏的做法。跑酷中，每一块跑道由美术预先做好，且能够自由拼接。玩家在玩的时候，根据规则随机抽取适合的跑道块来拼到后面。从而实现了难度控制、跑道块随机拼接等效果。
由于没有美术参与，每一个块我随机1-4个Cube拼接起来。 块与块拼接的时候，留一个空格。这样随机拼出来的跑道就是1-4个Cube长度的块+空格。
如果有3D美术的团队，可以直接将我生成块的代码换成Prefab实例化，而Prefab就是美术预先做好的块。
2、我调整了摄相机，斜45度，更有3D感。 如下图所示
3、我添加了操作模式，如果是PC上预览，则左键是跳一步，右键是 跳二步。 如果是手机上预览或者小游戏平台，则左半屏跳一步，右半屏跳二步。游戏开始时的提示也会跟着变。
4、我添加了游戏结束界面，游戏结束时，会随机出现两句古诗。
5、我添加了雾化效果。目前的standard材质没有雾化效果。我复制了一份standard材质，并加入了雾化相关的Shader代码。
6、地表颜色和立面区分，更有层次感（也是用Cube拼的）
7、做了分包，并发布到了微信小游戏平台
一开始是没打算分包的，但引入Cocos这个角色后，就超过4MB了。不得不分包。我分包处理得很简单。
a、将Cocos文件夹标记为分包。
b、新建start场景，和Start.ts脚本。 在Start.ts中无脑加载分包，加载完成后跳转game场景
三、遇上的问题
分包后，真机测试和上传版本总是提示有一个bin文件加载失败。百度之后发现有人说微信开发者工具1.0.3有这个问题，退回1.0.2就好了。怀着姜信姜疑的态度，我退回到1.0.2,果然问题解决了。如果遇上此类问题的小伙伴，不妨也试试回退微信开发者工具版本。
四、总结
1、Cocos Creator 3D从开发流程上来说，已经完全贯通，只需要给它时间他就成熟。
2、学习一个东西，最快的方式，就是把自己当小白，跟着官方文档走一段路，当你觉得能够自行研究的时候，再用自己的经验去驱动。飞机起飞也有一个助跑过程，离开地面之前，机长开的就是一辆体积大点的公交车。
3、技术特性可能决定一个引擎能有多NB，但社区和引擎团队的素质却是决定一个引擎能NB多久的因素。
4、不要在各种引擎之间纠结，小孩子才做选择。
五、本文源码
本文完整源码地址：https://gitee.com/qilinzi/creator3ddemos/tree/master/MindYourSteps
麒麟子Cocos Creator 3D研究笔记零：从零开始入门并发布微信小游戏相关推荐
- 麒麟子Cocos Creator 3D研究笔记四：天空盒动态更换与IBL效果
麒麟子Cocos Creator 3D研究笔记之材质IBL与天空盒动态切换 在线演示地址: https://showcase.ukylin.net/skybox/ 天空盒对于3D渲染场景来说,有着不个 ...
- 开始写一个新的专栏《麒麟子Cocos Creator 3D研究笔记》
如题 麒麟子在2016年的时候,开启了自己的Cocos Creator之门,并发展出了自己的公司. 在Cocos Creator 3D来临之际,麒麟子再一次选择了提前跟进. 凭借着微弱的商业嗅觉,麒麟 ...
- 麒麟子Cocos Creator 3D研究笔记十：【qfw】开源的Extension Pack for Cocos Creator 3D
零.写在前面 愿你活得烈马青葱,不为他人的目光所累 ---嗯! 阿子也不知道这个句子的原始出处,但就想把它分享给大家.专心写好自己的BUG,让别人说去吧! 在进入今天的正文之前,阿子想给大家聊聊最近使 ...
- 麒麟子Cocos Creator 3D研究笔记五：模型骨骼动画查看器
负一.先说两句 本文索引是负一开头,那是因为这一小节是最后加上来的.为了不牵一发动全身,就这样最好了. 写文章每次要自称的时候,麒麟子三个字打着太费劲,以后文章中,我就叫自己阿子吧. 大家从今天 ...
- 麒麟子Cocos Creator 3D研究笔记九：初尝Shader并实现边缘光(RimLight)
零.先看一些图 图1:边缘光因子检查 图2:黄色,一般用于霸体效果 图3:红色,一般用于特殊技能特效 图4:白色,一般用于受击效果 图5:绿色,一般用于人物,NPC选中时高亮 看着群里的小伙伴们都很热 ...
- 麒麟子Cocos Creator 3D研究笔记三：角色换装（无动画）
零.效果展示 先来两张图 在线演示地址: https://showcase.ukylin.net/avatar/ 3D换装有两种情况,一种是身体各部件(如头发.上衣.裤子.手套.鞋子等身体各部分),另 ...
- 麒麟子Cocos Creator 3D研究笔记十一：实用Shader之单张纹理实现武器动态发光
零.别看广告,看疗效 虽然标题叫武器发光,其实它还能实现魔法护盾.动态光柱等效果.别说话,看图! 阿子最近沉迷于学英语和写代码,可HIGH了. 一看时间,竟然已经十天没发稿了. 但这不能怪阿子,要怪就 ...
- 麒麟子Cocos Creator 3D研究笔记一：图片资源类型和加载
图片资源在Cocos Creator 3D里面,有两种状态,一种用于3D纹理,另一种用于2D界面.如下图所示,sprite-frame用于2D,其余都用于3D. 如果你试图把一个标记为texture的 ...
- 麒麟子Cocos Creator 3D研究笔记七：骨骼动画上的挂接点
注意手中的大棒 每个人心中有一个属于自己的游戏世界,麒麟子也不例外.拿到Cocos Creator 3D第一时间,就想撸点人物角色相关的.像换装.角色控制.血条.武器挂接之类的. 然而当我按照套路把角 ...
最新文章
- 机器学习基础专题：逻辑回归
- Python风格规范
- webpack -v 指令报错
- 牛顿插值--python实现
- python整数类型在每一台计算机上的取值范围是一样的_关于python统计一个整数列表中不同数值种类数的问题。...
- ES6 import export
- 在思科模拟器上完成基于服务器的AAA实验
- 学习OpenCV时 ，添加：#includeopencv2/core/core.hpp等头文件出现无法编译的错误
- Tomcat项目报错：eval: /usr/java/bin/java: not found
- 【转】虚拟机下安装小红帽Linux9.0图解
- 非常好用的卸载软件工具【纯净绿色卸载】
- 数据结构之线性表的链式存储结构（C语言）
- python爬虫猫眼电影TOP100（爬虫入门基础，同步入库）
- ThinkPad E430光驱面板拆卸方法
- 不同类型游戏音效竟有不同制作方法？—动作类型音效制作
- 网站优化排名的5个方法
- 条码打印机无法正常打印该如何解决
- multisim中轻触开关在哪_轻触开关在各种电子产品上的运用
- JavaScript 是如何工作的：模块的构建以及对应的打包工具
- 2022考研数学学习资源分享203G视频之汤家凤数学网盘