怎么用vs2013开发cocos2dx

Cocos2d-x 3.0 beta2 已发布，对于喜欢尝鲜的开发者来说，尝试使用 VS2013 开发 Cocos2d-x 是个不错的选择，即便只是版本名称升级，我们也值得跟进。前段时间我学习了几个相关例子，现在觉得是时候研究一下 Cocos Studio 了。

环境准备与项目创建

下载项目备份

首先打开 VS2013，进入团队管理界面，从 Git 上下载一份最新的项目备份。

创建新工程

使用 Cocos2d-x 里的 Python 脚本创建一个新工程。需要注意的是，新建的空项目大小约 300 多 MB，运行一次后更是会达到 800 多 MB，所以我们仅对代码和资源进行管理。

项目升级

用 VS2013 打开项目后，会提示升级，确认升级操作，将项目从 VS2012 升级到 VS2013。

添加并升级项目

右键点击解决方案，添加其他项目，并将其升级为 2013 项目。

配置项目属性

右键点击项目，选择“属性”，导入三个必要的引用。接着点击“C++”项，选中“附加包含目录”，添加相关目录。

Cocos Studio 项目操作

创建与配置 UI

下面我们来创建一个 Cocos Studio 项目：

1. 在舞台上随意拖放一些控件，例如按钮（Button）、图片（Image）等。
2. 常规属性，如位置、文本、长宽等，大家应该比较熟悉。需要特别注意“tag”属性，它是在 Cocos2d-x 项目中定位这个 UI 控件的关键。
3. 完成 UI 设计后，导出项目。

资源整合

将导出的几个文件放置到 Cocos2d-x 项目的资源文件夹中。

在 Cocos2d-x 项目中加载 UI

在 Cocos2d-x 项目里，随便找一个场景（Scene）类，在其 init 方法中添加以下代码：

#include "cocostudio\\CocoStudio.h"

auto ui = cocostudio::GUIReader::getInstance()->widgetFromJsonFile("demo/loadui/testui_1.ExportJson");
this->addChild(ui);

如果一切正常，应该能在 Windows 窗口中看到在 Cocos Studio 里设计的 UI 界面。

开发过程感悟

实际上，整个开发过程并不顺利，期间遇到了很多莫名其妙的 Bug，让人摸不着头脑，只能重新来过。但所有这些重复的操作并非毫无意义，它们会加深你对 Cocos2d-x、VS 和 C++ 的理解。我很享受看到 Bug 一个个被解决的过程。