简介

Cocos Creator的美誉不需赘举。遗憾的是，其官网（及其推荐的几处）小案例由于版本频繁更新等原因，问题很多，即使按照官方推荐的相应版本编辑器操作也经常出现错误——至少直接运行是无法通过的。

作为入门新手，最讨厌的就是这种当头一棒式的挫败感。于是，我想利用业余时间把尽量多的一些官网推荐的及网络搜索的Cocos Creator小游戏使用最新的3.7版本进行改进。有兴趣的小朋友可以随时关注并一起探讨。

本文记录的是官网上给出的如题所示的入门教程MindYourStep中存在的小问题及其纠正，并适当增强了一点小功能。

纠正1——摄相机的坐标位置

按照教程往下走，如果把摄相机坐标设置为（0，0，13）是看不到游戏中角色的。

在版本3.7中，我调整了一下跑道颜色及相机的几个参数后的情形如图所示：

注意：从场景窗口右下角的预览小窗中可以提前预览游戏运行中的形态。

纠正2——增加游戏状态逻辑

在【增加游戏状态逻辑】一节，下列代码段应定义在GameManager.ts脚本前部（原文中可更细致地指明）：

enum GameState{
    GS_INIT,
    GS_PLAYING,
    GS_END,
};

纠正3——开启阴影

【开启阴影】处，原文中的描述是“在【层级管理器】中点击最顶部的 Scene 节点，然后在 属性检查器 勾选 shadows 中的 Enabled，并修改 Distance 和 Normal 属性。”原图如下：

但是，在当前版本3.7中，上述有关选择Distance 和 Normal 属性都没有了。新界面选项如下：

删除碑胶囊体

这个地方要注意，把整个cc.MeshRenderer都删除，而不是从下面的另一个属性快捷菜单中的删除。

添加跳跃动画

在添加如下代码前，需要加入相应的库函数导入：

@property({type: SkeletalAnimation})
public CocosAnim: SkeletalAnimation|null = null;

从cc库中引入SkeletalAnimation这个对象。

import { _decorator, Component, Node, Vec3, input, Input, EventMouse, Animation,SkeletalAnimation } from 'cc';

结果存在问题

根据参考官网上教程一路走下来，运行结果仍然存在问题，我的机器上在浏览器中运行截图如下：

而官网上教程开始处在线运行时截图如下：

存在的问题有：

【1】游戏界面中成功跳过的步骤（白数字）没有显示出来。

【2】3D空间中摄相机位置与角度显然与官网上面截图不对应。

但是，主角跳跃效果与道路跳跃等逻辑关系正常。

也就是说，当前教程中摄相机调整参数与其上面截图也是不对应的。我归纳好有关技巧后，再总结到下面。

未完待续。。。

参考

• MindYourStep教程​​官网地址​​。
•