转 CocosBuilder工具使用

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

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

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

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

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


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

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

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

转	CocosBuilder工具使用


2、添加object

转	CocosBuilder工具使用


3、首先我添加CCSprite

转	CocosBuilder工具使用


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

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

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

转	CocosBuilder工具使用

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

转	CocosBuilder工具使用


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

转	CocosBuilder工具使用

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

转	CocosBuilder工具使用

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

转	CocosBuilder工具使用


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

转	CocosBuilder工具使用


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

转	CocosBuilder工具使用

转	CocosBuilder工具使用


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

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



上一篇:深度学习基础系列(一)| 一文看懂用kersa构建模型的各层含义(掌握输出尺寸和可训练参数数量的计算方法)


下一篇:JavaScript深入之从原型到原型链