cocos creator 入门简介

一、安装cocos creator 与IDE

• cocos creator下载链接：https://www.cocos.com/products#CocosCreator，安装的时候傻瓜式安装即可，当然也可以自己改路径。

• cocos creator最好用最契合的IDE——VSCode：https://code.visualstudio.com/（宇宙最强编译器，免费、开源、轻量、跨平台、扩展插件等等，它的优点数不胜数。）

二、打开cocos creator，创建Hello World项目

• 点击Hello World，选择右下角新建项目，即可创建一个文件夹为NewProject的hello world项目（当然，后面自己熟练了可以直接创建空白项目）：

  [图片上传失败...(image-504999-1583484354838)]

三、成功创建之后，就会跳到cocos creator里面：

[图片上传失败...(image-75dc63-1583484354839)]

下面我们就要重点讲解这四部分，层级管理器、场景编辑器、资源管理器和属性检查器。

• 层级管理器：在早期的版本中，还有一个名字：NodeTree——节点树。所谓节点树，其实是采用数据结构中树的概念。（大家如果不懂，其实想象一棵真实的树就行了，节点树就是指这棵树）层级管理器下面的内容就是节点啦，也就是节点树的节点。（即树的树枝）这些节点就做Node，而我们就可以通过在节点树里面添加节点来丰富这棵树了。当然，相信你也看到了这些节点都包含在一个Canvas里面，而Canvas就做画布。因此，我们在这棵节点树上添加节点，想要这些节点能够显示在屏幕上，那么就要用到这个Canvas了。（即我们在画布上作画）

• 场景编辑器：场景编辑器就是用来显示层级管理器中的节点，也就是我们的动画。从上图可以看到，background节点就是我们的背景墙，cocos就是我们的图片，label就是我们的文本啦。总结就是我们在画布上作画，动画就会显示在场景编辑器里面了。（可以理解成电影其实就是一个个场景拼接来的）

• 资源管理器：就做Assets。下面显示我们最最最重要的文件夹——assets，那么请问我们NewProject项目就只有一个assets文件夹吗？当然不是，我们可以点击磁盘去查看一下NewProject文件里面还有许许多多的文件夹。那为什么我们cocos creator只显示了assets一个呢？其实我们对游戏所做的编辑就在assets文件夹就够了，而其他的文件则不需要我们手动修改，由cocos引擎自动去修改。再仔细去看，下面有三个很重要的文件夹，Scene——场景，存放我们游戏的不同场景；Script——游戏脚本，我们对游戏编写的代码就在这个文件夹里面；Texture——纹理，这个可以暂时不用管。

• 属性检查器：也叫Properties，是指节点的属性。当我们点击层级管理器中的节点时，在属性检查器就可以看到每一个节点所对应的属性。例如我点击cocos，可以看到属性检查器中，一个是Node，一个是Sprite。Node即我们的节点，可以修改节点的位置、大小、颜色等等。而Sprite是精灵的意思，即图片。只有添加了Sprite属性的节点才能显示图片，不信你可以取消Sprite属性旁边的√，那么你就会发现场景编辑器中的cocos的图片消失。

[图片上传失败...(image-509ca3-1583484354839)]

[图片上传失败...(image-892368-1583484354839)]

四、总结

好了，看了这么久，相信大家已经蠢蠢欲动了。快快点击你的cocos creator，开始你的第一个项目吧！