CocosBuilder绑定到cocos2d-x

那些大神的文章的确。。。设置custom class为XJLayer,这个很重要，还好看了你的文章，谢谢。补充：

修改custom class的步骤： 打开cocosBuilder-Document 把那个 JavaScript Controlled去掉。 选择根节点就可看到属性栏的custom class。

这两天在学习CocosBuilder,具体作用就不详细叙述了！

额，这里用cocos2dx，和CocosBuilder绑定，所以需要用先安装cocos2d-x.

直接开始介绍吧!

首先去官网下载CocosBuilder,官网:http://cocosbuilder.com.

(提示一下，需要翻墙才能连到官网)。

我下载的是 3.0alpha版本。

官网截图

下载完以后，直接打开

好了，一个可视化的编辑界面出现了，像不像ps或者falsh？

点击File->New Project, 新建项目，项目随便保存在哪里！

新项目界面如下：

界面很cool吧，CocosBuilder自动为你创建了一个界面，是不是很期待把这个界面放到模拟器中运行呢？

好吧，接下来就是打开Xcode，新建一个cocos2dx项目，我的项目名为cocoBuilder!

 项目路径须在cocos2d-x的安装目录下，方可运行!(我这里是这样).

好吧，下面来看一下我的cocoBuilder的文件结构

看看Classes文件夹，好像比你们多几个文件，重点的代码部分就在这几个文件中咯！

AppMacros.h

01#ifndef cocoBuilder_AppMacros_h

02#define cocoBuilder_AppMacros_h

03 

04#include "cocos2d.h"

05 

06#define DESIGN_RESOLUTION_480X320    0

07#define DESIGN_RESOLUTION_1024X768   1

08#define DESIGN_RESOLUTION_2048X1536  2

09 

10/* If you want to switch design resolution, change next line */

11#define TARGET_DESIGN_RESOLUTION_SIZE  DESIGN_RESOLUTION_480X320

12 

13typedef struct tagResource

14{

15    cocos2d::CCSize size;

16    char directory[100];

17}Resource;

18 

19static Resource smallResource  =  { cocos2d::CCSizeMake(480, 320),   "resources-iphone" };

20static Resource mediumResource =  { cocos2d::CCSizeMake(1024, 768),  "resources-ipad"   };

21static Resource largeResource  =  { cocos2d::CCSizeMake(2048, 1536), "resources-ipadhd" };

22 

23#if (TARGET_DESIGN_RESOLUTION_SIZE == DESIGN_RESOLUTION_480X320)

24static cocos2d::CCSize designResolutionSize = cocos2d::CCSizeMake(480, 320);

25#elif (TARGET_DESIGN_RESOLUTION_SIZE == DESIGN_RESOLUTION_1024X768)

26static cocos2d::CCSize designResolutionSize = cocos2d::CCSizeMake(1024, 768);

27#elif (TARGET_DESIGN_RESOLUTION_SIZE == DESIGN_RESOLUTION_2048X1536)

28static cocos2d::CCSize designResolutionSize = cocos2d::CCSizeMake(2048, 1536);

29#else

30#error unknown target design resolution!

31#endif

32 

33// The font size 24 is designed for small resolution, so we should change it to fit for current design resolution

34#define TITLE_FONT_SIZE  (cocos2d::CCEGLView::sharedOpenGLView()->getDesignResolutionSize().width / smallResource.size.width * 24)

35 

36#endif

这个AppMacros.h文件的具体功能？额，我也没去研究过，谁研究清楚了，可以告诉我！

MainScene.h

01#ifndef __cocoBuilder__MainScene__

02#define __cocoBuilder__MainScene__

03 

04#include <iostream>

05 

06#include "cocos2d.h"

07#include "cocos-ext.h"

08 

09class MainScene

10: public cocos2d::CCLayer

11{

12public:

13    static cocos2d::CCScene* scene();

14};

15 

16 

17#endif /* defined(__cocoBuilder__MainScene__) */

MainScene.cpp

01#include "MainScene.h"

02 

03USING_NS_CC;

04USING_NS_CC_EXT;

05 

06CCScene* MainScene::scene()

07{

08    CCScene *scene = CCScene::create();

09     

10    CCNodeLoaderLibrary *lib = CCNodeLoaderLibrary::newDefaultCCNodeLoaderLibrary();

11     

12    CCBReader *reader = new CCBReader(lib);

13     

14    CCNode *node = reader->readNodeGraphFromFile("MainScene.ccbi", scene);

15     

16    reader->release();

17     

18    if (node!=NULL)

19    {

20        scene->addChild(node);

21    }

22     

23    return scene;

24}

这里MainScene类，就是一个cocos2d的场景类，用来显示CocosBuilder编辑的界面!

貌似少点东西，MainScene.ccbi这个文件是什么玩意呢？接下来就来制作这个东西！

回到CocosBuilder，点击File->Publish Settings

首先把HTML5前面的框勾掉，如图上！

下面是重点，Publish to directory ，也就是发布的路径选择。

前面提到过CocosBuilder的项目路径随便保存在哪里，但是它的发布需要设置了，

需要设置到你的cocos2dx项目的Resources文件夹下。

发布设置完了吗？点击下Done. 

还没有发布呢，不是吗？点击File->Publish, OK了，CocosBuilder已经发布了！

离成功很近了！

找到cocos2dx项目cocoBuilder的Resources文件夹，看看都发布了哪些东西!

貌似东西还挺多的！(builder文件夹是我自己建的，没什么关系)。

把这些发布的添加到cocoBuilder的Resource工程里面去

看看添加的文件结构

这里就先添加这些吧！

运行一下，如果一次ok，恭喜你！

（我是搞了很久，貌似都是路径问题！试了好多遍！（很容易路径出问题））

运行成功的界面如下

OK,第一篇就这样吧，欢迎板砖，指导！有问题，共同探讨！

cocosBuilder生成cbbi文件，绑定到cocos2d-x

返回脚本百事通

今天弄了一天，记录一下。

首先是版本。我用的cocosBuilder 3 和 cocos2d-x 2.1.2。亲测cocosBuilder 2和最新版本的cocos2d-x不兼容。

报错为WARNING! Incompatible ccbi file version (file: 3 reader: 5)。升级到cocosBuilder 3，XCode测试没问题。明天试试VS2012。

这套体系的原理是：首先用cocosBuilder编辑成它的文件XXX.ccb。然后要发布版文件为ccbi。

在cocos2d体系中有CCBReader库，可以将ccbi文件中的信息解读成cocos2d-x可理解的格式。

但是事情远没有想象的那么美好，就如鲜花总会插在牛粪上一样。ccbi文件读取到程序中的过程真是令人恶心。

不抱怨，说正题：

首先，要自己写个CCLayer的子类，还要分别继承CCBSelectorResolver和CCBMemberVariableAssigner。

并实现这两个虚基类的接口。同时，还要写个CREATE_FUNC方法，在下一步中会用到。例如：

class MainMenuScene:public CCLayer,public CCBSelectorResolver,public CCBMemberVariableAssigner{    public:    CREATE_FUNC(MainMenuScene);    void enterPlay();    public:    //CCBSelectorResolver    virtual SEL_MenuHandler onResolveCCBCCMenuItemSelector(CCObject * pTarget, const char* pSelectorName) ;    virtual SEL_CCControlHandler onResolveCCBCCControlSelector(CCObject * pTarget, const char* pSelectorName) ;    //CCBMemberVariableAssigner    virtual bool onAssignCCBMemberVariable(CCObject* pTarget, const char* pMemberVariableName, CCNode* pNode);    };

然后对应每一个Layer还要写一个Loder。Loader继承自CCLayerLoader。其需要做两件事。1、创建一个loader方法。2、将Loader与相应的Layer关联。例如：

class MainMenuSceneLoder :public CCLayerLoader{        public:    CCB_STATIC_NEW_AUTORELEASE_OBJECT_METHOD(MainMenuSceneLoder, loader);        CCB_VIRTUAL_NEW_AUTORELEASE_CREATECCNODE_METHOD(MainMenuScene);    };

好了，现在完成了定义。接下来是实现。

在相应的注册函数中注册关联。使用CCB_SELECTORRESOLVER_CCMENUITEM_GLUE、 CCB_SELECTORRESOLVER_CCCONTROL_GLUE、 CCB_MEMBERVARIABLEASSIGNER_GLUE宏完成相应的注册。例如：

SEL_MenuHandler MyLayer::onResolveCCBCCMenuItemSelector(CCObject * pTarget, const char* pSelectorName){CCB_SELECTORRESOLVER_CCMENUITEM_GLUE( this, "pressPlay", MyLayer::enterPlay);return NULL;}SEL_CCControlHandler MyLayer::onResolveCCBCCControlSelector(CCObject * pTarget, const char* pSelectorName){CCB_SELECTORRESOLVER_CCCONTROL_GLUE( this, "pressTItle", MyLayer::controlButtonTest);return NULL;}bool MyLayer::onAssignCCBMemberVariable(CCObject* pTarget, const char* pMemberVariableName, CCNode* pNode){CCB_MEMBERVARIABLEASSIGNER_GLUE( this, "helloLabel", CCLabelTTF*, helloLabel);return false;}

最后是载入调用。首先将相应的Layer与Loader注册到CCNodeLoaderLibrary中。然后用CCBReader读出来。最后调用reader的相应方法将资源解析出来。例如

 CCNodeLoaderLibrary::sharedCCNodeLoaderLibrary()->registerCCNodeLoader( "MainMenuScene", MainMenuSceneLoder::loader()); CCBReader* reader = new CCBReader( CCNodeLoaderLibrary::sharedCCNodeLoaderLibrary() ); reader->autorelease();    // run pDirector->runWithScene(reader->createSceneWithNodeGraphFromFile("MainMenuScene"));    

就是这样了，问题在于每个都要写，一写还是两个（layer与Loader）。看着这代码真不爽。晚上回家想想有没有什么好办法改善一下。

对于上面这堆代码，Good Luck For You。