CocosCreator入门学习《FlappyBird》（一）：主角小鸟创建

准备工作：

下载CocosCreator IDE，我使用的版本是2.0.10，是目前比较稳定的版本。

下载地址：https://www.cocos.com/creator

本游戏资源下载地址：https://download.csdn.net/download/u012987441/11685339

安装完成之后打开，会看到如下界面：

CocosCreator支持JavaScript和TypeScript两种脚本语言开发。

由于之前是做cocos2dx C++开发的，所以比较倾向于使用TypeScript这种强类型语言开发。TypeScript相较于JavaScript的优势大家可以网上自己了解一下，做到心里有数。

选择Hello TypeScript，然后在浏览这里选择项目将要放的目录，点击新建项目。

这就是我们的IDE界面了，首先我们先把控件库这个模块关闭，这个库我们不需要它显示出来，太占地方了。点击控件库右上角的按钮会弹出两个选项，一个是弹出，一个是关闭，这里选择关闭就OK了。

找到左下角的资源管理器中的Scene文件夹，点开会看到一个HelloWorld的场景文件。这时鼠标选择Scene文件夹，右键创建一个Scene场景，重命名为main，并且双击main场景文件。如图

接下来我们把本游戏所需要的资源放到项目文件夹\assets\Texture里面，这时回到CocosCreator就会发现：

我们放到Texture目录里面的资源全部都在IDE的资源管理器列出来了。

准备工作都做完了，言归正传，创建主角小鸟。

找到层级管理器中的Canvas节点，进入如图所示的操作：

创建一个精灵，然后选中之后重命名为Bird。

如上图所示，现在我们选中Bird精灵添加图片纹理，选中资源管理器里面Texture目录下面的img_bird0（千万不要点击，因为点击之后右边属性检查框就会显示这种图片的信息，如果不小心点击了，那么在层级管理器里面找到Bird节点点击一下）,按住鼠标不放拖拽到右边的属性检查器中下方的Sprite Frame项右侧蓝色的地方，释放鼠标。这样我们的就可以在场景编辑器中看到一只小鸟了。

然后在IDE的中间正上方选浏览器（默认是浏览器），然后点击右边的三角符号按钮，这样我们就可以在浏览器中看到界面正中心有一只小鸟了。

OK，本节的内容就完成了。

另外有几个小技巧：

1：鼠标放在场景编辑器范围内，通过操作鼠标的滚轮可以放大缩小场景。这有利于我们观察看清某个节点，很实用。

2：在放大或者缩小之后，我们想看到的节点往往不在场景编辑器的正中间，这个时候我们可以选中节点，然后CTRL+F这样IDE就会自动把我们选中的节点移动到场景编辑器的正中间。

3：每一次小的修改都会让场景文件发生改变，所以我们要经常CTRL+S保存当前场景，这是一个必须要养成的好习惯。

由于本人也是初学，有不对的地方，望大家指出学习，一起进步。