CocoStudio1.3 场景编辑器使用

1. 首先需要创建一个新的游戏项目：

2. 新建场景项目

3. 因为还包括一个简单按钮，所以再新建一个UI项目：

项目建造完毕后，总体看起来如下：

导入资源，可以把需要的图片资源导进来：

资源导入后，会在assert目录下显示，之后，便可以将图片拖到画布上，设置背景：

下一步就是创建按钮了，双击UI文件，CocoStudio会自动打开UI编辑器：

拖出来一个按钮：

设置按钮图片：

导出UI项目：

刷新后，在publish下生成如下文件：

将UI加入到场景中，首先创建一个UI的Node:

指定UI样式：

然后将UI拖动到正确的位置，之后运行模拟器就可以看到效果了：

如果我们要在代码中使用这个场景，那么先导出工程：

这指定了导出路径，然后将这个Resources下的所有文件复制到cocos2dx的工程的Resources目录下。代码中可以这样使用：

bool StudioScene::init() //在一个新的场景中
{
    if (!CCLayer::init())
    {
        return false;
    }
    CCNode * scene = SceneReader::sharedSceneReader()->createNodeWithSceneFile("publish/Scene01.json");
    addChild(scene);
    return true;
}