如何使用Cocosbuilder
我们将创造游戏主角Cocos Dragon。Cocos Dragon有一对很小的翅膀因此他飞不高，所以我们需要让他触碰金币来给他加速上升直到碰到炸弹为止。你可以到youtube看这个游戏的视屏：youtube
本游戏可以在iOS模拟器上运行，游戏通过触摸来操作方向。假如你希望把这个游戏设计运用到你的产品中，我推荐你用重力感应来替换触摸方式。
设置工程
建立新的xcode工程。工程名称：CocosDragon。
下载本教程需要用到的美术资源，解压并加到工程中。
现在我们需要建立游戏相应的CocosBuilder 工程。打开CocosBuilder 选择File ->New Project。命名为CocosDragon 保存并把资源文件放到xcode的Resources 文件夹（CocosBuilder的资源在一个名为ccbResources的文件夹）打开theHelloCocosBuilder.ccb文件.我们不会使用HelloCocosBuilder 文件，所以你可以在CocosBuilder文件系统中干掉他。
创建动画类型的主界面
我们将开始制作Cocos Dragon所有的界面文件，然后将界面链接到相应的代码中。首先，我们创建一个主菜单。
在CocosBuilder打开的CocosDragon 工程中选择File->New File。我们将让主界面只支持iPhone，所以在resolutions settings（方案设置）中勾选iPhone Portrait ，并确保root object type（根对象类型）为CCLayer 并勾选full screen （全屏）。
点击创建,然后命名为“ MainMenuScene ”并且保存到Resources 文件夹。一个新的空文件MainMenuScene.ccb将在CocosBuilder中开启。
主界面我们会包含一个渐变的背景，一个logo，一个开始游戏的按钮，和几片云彩的动画。首先，让我们开始加入渐变的背景。在窗口顶部的工具栏点击CCLayerGradient 按钮。
我们希望渐变层（gradient layer）充满整个屏幕。选择这个层，设置填充（content size）大小单位为“%”并且设置宽高为100×100.
让我们把颜色修改为其他值以遍更适合我们游戏的主色调。点击开始颜色（start color）和完成颜色（ end color）以至RGB值为下图显示这样。
继续添加logo到主界面（ menu scene）。在左边的工程视图（project view）中，拖拽logo.png到canvas 区域。你添加的图片就会像如下那样显示：
当启动主选单场景时会有漂亮的动画，但是我们还需要在启动时增加logo的动画。首先，点击canvas 区域下面的时间设置来指定动画的长度。这里我们把动画出现的时间线设置为2秒。
现在，我们把logo视为一个精灵，并设置logo精灵的关键帧（keyframes ）。拖拽时间戳到动画完成的地方（我们这个工程就是之前设置的 00:02:00），并且确保logo已经被选定。在动画菜单中选择插入关键帧位置（Keyframe /Position），或者使用快捷键’P’.在时间线界面（timeline view），logo精灵会折叠并显示刚才添加的关键帧。
一旦关键帧插入时间线的节点中，我们节点的位置既可以自动添加新的关键帧。首先，移动时间戳到原点（00:00:00的位置）。然后，拖拽logo到绘图界面（ canvas area）的顶部可见区域（你可以在拖拽的时候按住shift按钮以便对齐）。当你正在做以上操作时，一个新的关键帧就被自动添加到时间线的原点处，并且我们在两个关键帧中间生成平滑过渡的所有帧。
你可以点击Play来测试一下这个动画。你也可以移动时间戳来看看每个帧的位置。
这个动画我们完成的很漂亮并且每帧的过渡很平滑，但是让我们再加点料。在关键帧之间右击 插值线（译者注：interpolation line，就是插入了过渡帧的地方）并且选择弹出（Bounce Out）。
cocos studio和cocosbuilder什么区别
1、支持的平台不一样 cocostudio目前的版本只能在windows下面使用（ps：据说mac版也正在开发之中，所以未来一段时间也可能会有mac版本），而cocosbuilder版本目前只能在mac下使用，所以你可以根据自己目前手里的机器的操作系统来决定使用哪款软件。2、UI体系不同 cocosbuilder是对cocos2dx本身控件的一些封装，比如基本的CCLayer、CCNode、CCLabelTTF、CCControlButton等控件都可以在cocosbuilder中看到，在程序中，你需要引用ccbi文件，你只需要拿到这些对象的引用即可在程序中设置他们的属性，以及添加一些监听。但是cocostudio则不然，它封装了自己的一套UI体系，比如出现了UITextButton、UILabel、UIButton等控件，这些控件与cocos2dx中原生的控件不尽相同，所以在程序中使用的时候，起初你会觉得不太适用，仿佛进入了另一种编程环境。但是个人觉得如果你熟悉了之后，还是蛮好用的。3、开发团队 cocostudio是由cocos2dx作者支持的团队，个人觉得后期cocostudio将是主流。4、bug cocostudio目前只有1.0版本，所以其中存在为数不少的bug，并且文档欠缺，而cocosbuilder则相对较为成熟，其中的bug不少太多，文档也比较多。
