首页 > 代码库 > CocosBuilder工具使用

CocosBuilder工具使用

Cocos2d一直缺乏一个好用的可视化编辑工具,使用Cocos2d的开发人员只能自己动手写代码来编辑场景,或者自己开发场景编辑器。

但现在可以使用CocosBuilder工具来减轻可视化工作,不过我发现现在网上CocosBuilder的说明和使用的相关资料比较少。

所以就把自己对CocosBuilder工具使用一点经验写出来,希望大家也一起共同讨论。

首先,下载工具和new file的不用说了吧。

我现在用的CocosBuilder1.0,example 里面有ccb 例子和 源代码 ,初学者的要看多几遍。


下面我说一下要注意的问题:

1、首先新建文件啦。我命名为MainMeun.ccb。

之后建议view选择none,这样可以去除模拟器的边框,更加容易可视化编辑


2、添加object


3、首先我添加CCSprite


4、为第一个CCSprite添加背景图,在右边工具栏,选择自己想要的图片。

(注:CocosBuilder1.0有个BUG,你选择的图片只能选择你的ccb文件保存的那个文件夹里的图片)

如:你新建一个ccb文件是保存在test文件夹的,那么你只能往test文件夹里放入图片可让CCSprite能够选择图片,图下是我保存test.ccb的文件夹里面有我的图片,这样CCSprite就可以选择自己想要的图片


这是出来的效果如下图(我添加了CCSprite和一个按钮功能):


5、添加按钮控件,让其有事件触发

这个按钮触发时间我建议真的多看几遍cocosbuilder的例子。不过如果试了几遍的都说不行啊,为什么选择器(Selector)里的函数方法名不见了,明明已经写上去了,但是下次打开不见了,诸如此类的问题。现在打开我的项目,打开我新建的MainMeun.ccb


如果你的按钮事件不成功的话是因为你的Selector下的<string></string>缺少了函数名,你添加进去就可以用了。


6、同理,我新建多一个ccb,命名为help.ccb,是让响应我们上面设置好的helpButton:,使我们按下help按钮可以跳转页面。


7、我们看看成果,打开xcode运行模拟器


         因为这是我第一次写博客,文笔不太好,而且可能有地方缺漏弄得他人不清晰或者写的地方有误,希望大家能指出错误的地方。

         例外,cocosbuilder1.1版是不同cocosbuilder1.0版,做法差不多,但是1.1版有几个要注意。


CocosBuilder工具使用