标签： 游戏制作

Cocos Creator 3D中文版是一款专门用于创建3D游戏的工具。它具备高品质的工具，能够帮助游戏开发者快速制作出满意的作品。它的界面经过全新的设计，现在使用起来更方便，支持多平台。

软件介绍

轻量、易用的跨平台 3D 游戏创作工具

Cocos Creator 3D 是在 Cocos Creator 基础之上全面升级而来的纯 3D 游戏编辑器产品。

秉承着 Cocos 一贯的低成本，低门槛，高性能，跨平台等产品特性。这款全新的一体化 3D 游戏编辑器旨在成为开发者创作 3D 游戏的新选择。

适合中小规模 3D 游戏团队以及资源有限的独立团队，希望自己的游戏跨原生、Web、小游戏等平台。快速上手，极速迭代，轻松跨平台发布，最大化游戏产品的可见度和成功概率。

软件特征

1、编辑器全面升级：

全新的界面设计更加简洁清晰

新资源系统增强对大项目支持

更清晰的模块隔离保障稳定性

2、便利的编辑器体验：

Camera 预览面板

资源缩略图面板

动画编辑器可以直接编辑粒子和模型材质属性

支持压缩纹理

自动合图功能

自动合并 JSON，缩减包体

3、性能与框架：

多渲染后端框架，已支持 WebGL 1.0 和 WebGL 2.0

面向未来的底层渲染 API 设计

基于 Command Buffer 提交渲染数据

高性能 HDR 渲染

超高效的 GPU Driven 骨骼动画

Cocos Creator 3D使用教程

1、新建项目

首先启动 Cocos Creator 3D，然后新建一个名为 MindYourStep 的项目

新建项目后会看到如下的编辑器界面：

2、创建游戏场景

在 Cocos Creator 3D 中，游戏场景(Scene) 是开发时组织游戏内容的中心，也是呈现给玩家所有游戏内容的载体。游戏场景中一般会包括以下内容：

场景物体

角色

UI

以组件形式附加在场景节点上的游戏逻辑脚本

当玩家运行游戏时，就会载入游戏场景，游戏场景加载后就会自动运行所包含组件的游戏脚本，实现各种各样开发者设置的逻辑功能。所以除了资源以外，游戏场景是一切内容创作的基础。现在，让我们来新建一个场景。

1.在 资源管理器 中点击选中 assets 目录，点击 资源管理器 左上角的加号按钮，选择文件夹，命名为Scenes。

2.点击先中Scenes目录(下图把一些常用的文件夹都提前创建好了)，点击鼠标右键，在弹出的菜单中选择 场景文件

3.我们创建了一个名叫 New Scene 的场景文件，创建完成后场景文件 New Scene 的名称会处于编辑状态，将它重命名为 Main。

4.双击 Main，就会在 场景编辑器 和 层级管理器 中打开这个场景。

3、添加跑道

我们的主角需要在一个由方块(Block)组成的跑道上从屏幕左边向右边移动。我们使用编辑器自带的立方体(Cube)来组成道路。

1.在 层级管理器 中创建一个立方体(Cube)，并命名为Cube。

2.选中Cube，按Ctrl+D来复制出3个Cube。

3.将3个Cube按以下坐标排列：第一个节点位置(0，-1.5，0)，第二个节点位置(1，-1.5，0)，第三个节点位置(2，-1.5，0) 效果如下：

4、添加主角

创建主角节点

首先创建一个名字为Player的空节点，然后在这个空节点下创建名为Body的主角模型节点，为了方便，我们采用编辑器自带的胶囊体模型做为主角模型。

分为两个节点的好处是，我们可以使用脚本控制Player节点来使主角进行水平方向移动，而在Body节点上做一些垂直方向上的动画(比如原地跳起后下落)，两者叠加形成一个跳越动画。 将Player节点设置在(0，0，0)位置，使得它能站在第一个方块上。

效果如下：

5、编写主角脚本

想要主角影响鼠标事件来进行移动，我们就需要编写自定义的脚本。如果您从没写过程序也不用担心，我们会在教程中提供所有需要的代码，只要复制粘贴到正确的位置就可以了，之后这部分工作可以找您的程序员小伙伴来解决。下面让我们开始创建驱动主角行动的脚本吧。

创建脚本

1.如果还没有创建Scripts文件夹，首先在 资源管理器 中右键点击 assets 文件夹，选择 新建 -> 文件夹，重命名为Scripts。

2.右键点击Scripts文件夹，选择 新建 -> TypeScript，创建一个 TypeScript 脚本，有关TypeScript资料可以查看 TypeScript 官方网站。

3.将新建脚本的名字改为PlayerController，双击这个脚本，打开代码编辑器(例如VSCode)。

注意： Cocos Creator 3D 中脚本名称就是组件的名称，这个命名是大小写敏感的!如果组件名称的大小写不正确，将无法正确通过名称使用组件!

6、添加角色动画

从上面运行的结果可以看到单纯对Player进行水平方向的移动是十分呆板的，我们要让Player跳跃起来才比较有感觉，我们可以通过为角色添加垂直方向的动画来达到这个效果。

选中场景中的Body节点，编辑器下方 控制台 边上的 动画编辑器，添加Animation组件并创建Clip，命名为oneStep。

进入动画编辑模式，添加position属性轨道，并添加三个关键帧，position值分别为(0，0，0)、(0，0.5，0)、(0，0，0)。