如何添加一个cocos2d-x精灵

Admin

1.1 在iPhone上添加资源

1.2 在Android上添加资源

1.3 在win32上添加资源

1.4 在沃Phone上添加资源

2. 添加一个精灵

要点1

要点2

教程中的源码可以在这下载：https://github.com/flyingpacer/Cocos2dxSimpleGame

你可以自己按照文章一步步来完成游戏，或者直接下载完整的代码，简单地编译运行。

1.加入图片资源

这里有三张由Ray Wenderlich的妻子所做的图片，它们将会用在Cocos2dSimpleGame里。

学完第一章——在多种平台上创建新的cocos2d-x项目后，你现在应该有一个cocos2d-x/Cocos2dxSimpleGame文件夹。请下载这些图片，并把它们复制到cocos2d-x/Cocos2dxSimpleGame/Resources文件夹里。

之后回到各种平台上的IDE上来。

1.1在iPhone上添加资源

非常简单，打开Xcode，然后点击Add->Existing Files from the context menu of Cocos2dxSimpleGame/Resources group，添加上面的三张图片。请注意，你应当在“Add To Targets”一栏里勾选Cocos2dxSimpleGame

1.2在Android上添加资源

如果你是运行build_native.sh 来编译的话，你应该把图片复制到Resources文件夹，否则就把图片文件复制到“assets”文件夹。

1.3在win32上添加资源

Win32的可执行文件会在它的相关路径中寻找资源。因此我们必须手动的把图片文件从cocos2d-x/Cocos2dxSimpleGame/Resources 文件夹复制到cocos2d-x/Debug.win32 文件夹。

但像我这样的懒人，总能找到偷懒的办法。

把这行写入Post-Build Event-> Command Line

xcopy /Y /E .\Resources\*.* $(OutDir)

每次编译完成时，VistualStudio会复制资源到可执行的路径。

1.4在沃Phone上添加资源

在沃Phone 游戏里使用zip格式的资源包是非常推荐的。如果你仍然对此不太清楚，请阅读How to use ZIP resource package on cocos2d-uphone

2.添加一个精灵

你现在会发现把cocos2d 游戏从objc移植到c++是多么的简单。打开HelloWorldScene.cpp，替换init方法如下所示：

1bool HelloWorld::init()

2{

3 bool bRet = false;

4 do

5 {

6 //////////////////////////////////////////////////////////////////////////

7 // super init first

8 //////////////////////////////////////////////////////////////////////////

9

10 CC_BREAK_IF(! CCLayer::init());

11

12 //////////////////////////////////////////////////////////////////////////

13 // add your codes below...

14 //////////////////////////////////////////////////////////////////////////

15

16 // 1. Add a menu item with "X" image, which is clicked to quit the program.

17

18 // Create a "close" menu item with close icon, it's an auto release object.

19 CCMenuItemImage *pCloseItem = CCMenuItemImage::itemFromNormalImage(

20 "CloseNormal.png",

21 "CloseSelected.png",

22 this,

23 menu_selector(HelloWorld::menuCloseCallback));

24 CC_BREAK_IF(! pCloseItem);

25

26 // Place the menu item bottom-right conner.

27 pCloseItem->setPosition(ccp(CCDirector::sharedDirector()->getWinSize().width - 20, 20));

28

29 // Create a menu with the "close" menu item, it's an auto release object.

30 CCMenu* pMenu = CCMenu::menuWithItems(pCloseItem, NULL);

31 pMenu->setPosition(CCPointZero);

32 CC_BREAK_IF(! pMenu);

33

34 // Add the menu to HelloWorld layer as a child layer.

35 this->addChild(pMenu, 1);

36

37 /////////////////////////////

38 // 2. add your codes below...

39

40 CCSize winSize = CCDirector::sharedDirector()->getWinSize();

41 CCSprite *player = CCSprite::spriteWithFile("layer.png",

42 CCRectMake(0, 0, 27, 40) );

43 player->setPosition( ccp(player->getContentSize().width/2, winSize.height/2) );

44 this->addChild(player);

45

46 bRet = true;

47 } while (0);

48

49 return bRet;

50}

上面的代码中，我实际上仅添加了“2.Add your codes below”那一节的内容。你可以从下面的对比中，看到如何一行一行地把cocos2d-iphone代码简单地转化为cocos2d-x跨平台的代码。

1// cpp with cocos2d-x

2bool HelloWorld::init()

3{

4 if ( CCLayer::init() )

5 {

6 CCSize winSize = CCDirector::sharedDirector()->getWinSize();

7 CCSprite *player = CCSprite::spriteWithFile("layer.png",

8 CCRectMake(0, 0, 27, 40) );

9 player->setPosition( ccp(player->getContentSize().width/2,

10 winSize.height/2) );

11 this->addChild(player);

12 }

13 return true;

14}

1// objc with cocos2d-iphone

2-(id) init

3{

4 if( (self=[super init] ))

5 {

6 CGSize winSize = [[CCDirector sharedDirector] winSize];

7 CCSprite *player = [CCSprite spriteWithFile"layer.png"

8 rect:CGRectMake(0, 0, 27, 40) ];

9 player.position = ccp(player.contentSize.width/2,

10 winSize.height/2);

11 [self addChild:player];

12 }

13 return self;

14}

要点1

1. 不要使用C++里的__super来替代objc里的super。关键字__super仅能在VC++中被识别，但是无法被GCC给编译。因此你最好调用其父类名称，CCLayer::init()

2. 这里没有属性的概念。因此在objc里的属性，我们用get/set方法来代替。例如，如果你想要获取CCSprite的contentSize属性，你必须调用sprite->getContentSize()方法。contentSize的第一个字母应该为大写的“C”，之后为它加上“get”前缀。

3. 使用setter来设置属性的值，“player.position=…”，应变为player->setPosition(…)

4. 但是访问结构体的成员不遵循这一规则。例如，在winSize结构体中，没有“width”&“height”的getter/setter

5. 你不需要像objc那样，解释每一个参数的用途。例如，[CCSprite spriteWithFile…, rect…];直接转换为CCSprite::spriteWithFile(…, ….);

6. 我们已经完成了一些常用的CGGeometry函数，诸如CGRectMake, CGPointMake, CGSizeMake, CGPointZero, CGSizeZero, CGRectZero。你可以在cocos2dx/include/CCGemoetry.h中找到它们。它们的用途和iOS一样。仅有一点点不同在于它们的前缀，为了避免命名上的冲突，在cocos2d-x里，前缀为CG、NS、UI的类都统一改成了CC前缀。

7. 所有cocos2d-x里的游戏元素，例如sprite、layer、scene、label、action都在heap里被分配了内存。因此我们必须用指针“->”来调用它们的方法。

8. 在cpp里，用关键字“this”来代替objc里的“self”

9. 现在init方法的返回值是“bool”类型了。在cpp里没有关键字“id”，因此那些返回值为“id”的方法要么替换成对象的指针，要么换成bool。

10. 对于Android，由于标题栏占用了一些空间，因此你需要在cpp里这样设置玩家的位置(player.contenSize.width/2 + 40, winSize.height/2)。

好了，我们可以编译并运行代码了。现在忍者一袭黑衣，躲在黑暗中闪着红眼。要玩游戏的话，我们必须把背景改成白色的。这非常简单，修改HelloWorld，使它继承CCLayerColor，而不是CCLayer。

首先，修改HelloWorldScene.h的声明部分

1// cpp with cocos2d-x

2class HelloWorld : public cocos2d::CCLayerColor

1// objc with cocos2d-iphone

2@interface HelloWorld : CCLayerColor

之后修改HelloWorld::init()内的初始部分

把

1if ( !CCLayer::init() )

2{

3 return false;

4}

改成

1if ( !CCLayerColor::initWithColor( ccc4(255,255,255,255) ) )

2{

3 return false;

4}

这里有些和RayWenderlich的代码不同，因为我偏好防守型的代码风格。正常的代码是，if super init 成功了，then 执行什么什么，我比较偏好if init失败了，先做出错的处理，之后再编写正确的流程。好了，回到正题。让我们来继续比较c++与objc的转换

1// cpp with cocos2d-x

2if ( CCLayerColor::initWithColor( ccc4(255,255,255,255) ) )

1// objc with cocos2d-iphone

2if ( self = [super initWithColor:ccc4(255,255,255,255)] )

要点2

1. 在c++里继承默认为private继承，因此需要在CCLayerColor类声明前加上“public”。

2. Cocos2d-iphone的主要作者RicardoQuesada建议我们在cocos2d-x中使用命名空间。检查你所调用的cocos2d-x类是在“cocos2d”命名空间还是在“CocosDenshion”命名空间是非常重要的。

编译并运行，之后你就会看到小英雄孤单地站在白色的背景里。

iPhone:

Android:

沃Phone：

Win32：