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;
}