Cocos学习日志：一、初识CocosCreator

〇. 前言

在了解基于C++的游戏引擎的制作流程之后，我们终于开始了现有游戏引擎的开发φ(゜▽゜*)♪，此次选择的是Cocos Creator，主要缘于其怡人的学习曲线以及对多平台的支持，很适合新手学习。那么闲话少说，我们上正文～

一. 安装与配置

1.引擎安装

• 打开Cocos Creator官方下载页面，下载CocosDashboard，用于下载管理不同版本的引擎

  

• 打开Dashboard，选择安装-安装编辑器，选择所需版本，本人选择的是3.8.6

  

• 下载完成后，选择项目-新建项目

  

• 选择Hello World，下方输入地址与项目名，不妨就叫HelloWorld，点击创建并打开，之后我们将以此介绍CocosCreator的界面

  

• 准备文本编辑器(不要用记事本)，本人使用的是Visual Studio Code

  

2.环境配置

• 在打开的项目中，选择文件(File)-偏好设置(Preferences)

  

• 语　言：转到通用设置(General)-编译器语言(Language) 项，选择“中文”

  

• 编辑器：转到程序管理器-默认脚本编辑器/浏览器/图片编辑器项，添加对应应用的地址，例如：

  脚　本	浏览器	图　片
  VS code	Edge	Photo Shop

  

• 有些版本默认初次不显示节点预制库，需要在面板-节点预制库或按ctrl+7打开

  

其余内容可以自行翻阅，然后依据喜好调整(e.g.界面缩放、控制台字号…)

二、探索界面

在搞定编译器之后，作者出下一章之前，我们可以浅~浅~探索一下有这些面板有哪些功能

1.场景编辑器－场景编辑

用于编辑场景中的各种实体，其主要功能有：

• 平移、旋转、缩放
• 变换顶点
• 对齐调整

2.层级管理器－节点视图

用于管理节点，其功能主要有：

• 增删、复制、筛选节点
• 拖拽调整节点层级（上下层级、父子关系）
• 设置节点可见性
• 由节点定位素材

至于什么是节点，我们将在下一章节讲解

3.资源管理器－文件视图

用于显示‌assets资源文件‌夹，用于管理所有游戏资源，如：脚本、图片、音频、字体等

4.资源预览

用于实时预览资源内容‌，如：图片、动画、字体等

5.控制台

用于显示程序输出的日志、警告、错误信息，并与程序交互(支持代码定位)，TypeScript脚本中console对象即在此交互

6.动画编辑器－序列动画编辑

用于编辑序列动画，其主要功能有：

• 编辑关键帧
• 预览时间轴
• 调节动画曲线

7.动画图－动画编辑

用于编辑3D骨骼动画，其主要功能有：

• 设置状态和切换条件
• 配置过渡动画
• 配合脚本调整参数

8.属性检查器

用于查看、修改节点、资源的属性，如：

• 坐标、尺寸
• 绑定资源
• 动态属性

9.节点预制库

用于快速调用常用的预制体(右键也能实现，不过此方法更加直观)