<3>Cocos Creator编辑器基础

Cocos Creator编辑器界面主要窗口包含如下：

* 资源管理器窗口

* 场景编辑器窗口

* 层级管理器窗口

* 属性检查器窗口

* 上方功能按钮

* 偏好设置

* 串口输出

* 预览和构建

1.资源管理器窗口

资源管理器是Cocos Creator编辑器访问和管理项目资源的窗口。在游戏制作中，场景、图片、声音、视频、脚本(代码)和动画等都是资源，均在这里进行展示与操作。资源管理器中的成员与项目asset文件夹下的文件和文件夹逐一对应。

界面预览

界面主要分为创建按钮(或在资源管理器窗口内点击鼠标右键)、搜索框、资源列表和当前选中资源路径，布局与样式如下图

资源管理器中文件没有显示后缀名，可以根据文件名称前面的显示图片来看是什么文件格式，或者直接看文件夹里的内容即可！

2.场景编辑器窗口

场景编辑器是Cocos Creator实现可视化编程的核心，展示当前打开场景中所有的节点。在这个工作区域中，用户可以选中并通过变换工具来修改节点的位置、旋转、缩放、尺寸等属性，并获得所见即所得的场景预览效果，具体如下图

视图中紫色的框为场景中的画布区域，尺寸由画布的设计分辨率决定，后续我们会讲到，详情请见第12章。

场景视图中背景部分有灰色背景网格，以画布左下角为(0,0)点，根据当前缩放显示何时的网格刻度，帮助丈量场景。

A)视图常用操作：

---------视图缩放：使用鼠标滚轮。

---------视图平移：鼠标右键拖拽。

---------选取节点：鼠标左键单击。选中后会显示蓝色节点约束框，如下图，受节点的尺寸属性影响。

---------节点名称与约束框提示：鼠标光标悬停在节点上时(非选中状态)，出现灰色节点名称和约束框。如下图

B)节点变换工具：

节点变换工具位于编辑器的左上方，不可移动。4个按钮从左至右依次是：平移、旋转、缩放、自由变换(锚点)，默认选中平移工具。

快捷键：

平移(w)  旋转(e)  缩放(r)  自由变换(t)

3.层级管理器窗口

层级管理器和场景编辑器一样，显示的是当前打开场景中的节点。不同的是场景编辑器中展示的是节点渲染之后的样子，而层级管理器展示的是节点的层级与节点名称列表。层级管理器中的节点和场景编辑器中的节点一一对应，如下图

4.属性检查器窗口

属性检测器窗口是查看和修改资源属性、节点属性或节点拥有组件属性的窗口，也是构成图形化编程的重要组成部分。如下图

5.串口输出

6.预览和构建

6.1 预览工具按钮

6.2 平台选择

目前Cocos Creator支持两种方式：浏览器和模拟器。可以在预览工具栏如上图中的通过下拉菜单选择，有浏览器和模拟器两项。

选择浏览器然后点击按钮，如下图所示：

选择模拟器然后点击按钮，如下图所示：