使用Cocos2D-x引擎在Mac下开发运行在iOS设备上的《植物大战僵尸》第一篇

今天，让我们一起来看一下关于使用Cocos2D-x引擎开发运行在iOS设备上的《植物大战僵尸》简易版本，我所做的就设计了两关，开始动画、菜单界面、游戏界面、游戏成功失败界面，菜单界面上有开始游戏按钮、退出游戏按钮、关于按钮、帮助按钮、游戏界面上有暂停和返回按钮。所用到的技术等做完之后再进行总结，现在就从开始一点一点讲述我所做的过程。

首先，环境搭建这方面我就不多说了，不懂的可以网上找一些资料，这方面的资料还是很多的，我采用Cocos2D-x的版本是2.2.2，环境是Mac Xcode4.6.2，因此建立工程的时候，在终端下进入/Users/tjj/Desktop/cocos2d-x/cocos2d-x-2.2.2/tools/project-creator目录下，输入如下指令：python ./create_project.py -project PlantsVSZombies -package com.hdc.edu -language
cpp然后点击回车，工程即可建好，然后在projects目录下找到你所建的项目名称PlantsVSZombies，用Xcode打开即可。

下面新建一个StartLayer类，实现开始动画界面

/* *********************StartLayer.h********************* */

#ifndef __PlantsVSZombies__StartLayer__

#define __PlantsVSZombies__StartLayer__

#include <iostream>

#include "cocos2d.h"

#include "cocos-ext.h"

USING_NS_CC;

USING_NS_CC_EXT;

using namespace std;

class StartLayer : public CCLayer

{

public:

    static CCScene* scene();

    CREATE_FUNC(StartLayer);

    virtual bool init();

    

    void loadUI();

    void replaceScene();

private:

    CCSize _winSize;

};

#endif

/* *********************StartLayer.cpp******************** */

#include "StartLayer.h"

#include "MenuLayer.h"

CCScene* StartLayer::scene()

{

    CCScene* scene = CCScene::create();

    StartLayer* layer = StartLayer::create();

    scene -> addChild(layer);

    return scene;

}

bool StartLayer::init()

{

    if(!CCLayer::init())

    {

        return false;

    }

    

    _winSize = CCDirector::sharedDirector() -> getWinSize();

    

    loadUI();

    

    return true;

}

void StartLayer::loadUI()

{

    CCSprite* bgSprite = CCSprite::create("titlescreen.png");

    bgSprite -> setPosition(ccp(_winSize.width/2,_winSize.height/2));

    this -> addChild(bgSprite);

    

    CCSprite* titleSprite = CCSprite::create("pvz_logo.png");

    titleSprite -> setPosition(ccp(_winSize.width/2,_winSize.height/4 * 3 + 30));

    this -> addChild(titleSprite);

    

    CCSprite* downSprite = CCSprite::create("down.png");

    downSprite -> setPosition(ccp(_winSize.width/2 - 20,_winSize.height/5 - 20));

    this -> addChild(downSprite);

    CCSprite* logoSprite = CCSprite::create("popcap.png");

    logoSprite -> setPosition(ccp(_winSize.width - 60,_winSize.height/4 - 10));

    logoSprite -> setScale(0.5f);

    this -> addChild(logoSprite);

    

    //添加绿草地滚动动画，滚动结束之后进入到菜单界面

    CCSprite* scrollgrassSprite = CCSprite::create("scrollgrass.png");

    scrollgrassSprite -> setPosition(ccp(70,80));

    scrollgrassSprite -> setScale(0.8f);

    CCRotateBy* rotateBy = CCRotateBy::create(0.05, 2 * 3.14);

    CCScaleTo* scaleTo = CCScaleTo::create(5, 0.3);

    scrollgrassSprite -> runAction(CCRepeatForever::create(rotateBy));

    this -> addChild(scrollgrassSprite);

    

    CCMoveTo* moveTo = CCMoveTo::create(5, ccp(350,80));

    CCSpawn* spawn = CCSpawn::create(moveTo,scaleTo,NULL);

    CCCallFunc* func = CCCallFunc::create(this, callfunc_selector(StartLayer::replaceScene));

    CCSequence* seq = CCSequence::create(spawn,func,NULL);

    scrollgrassSprite -> runAction(seq);

    

    //添加草地生长的过程动作

    CCSprite* grassSprite = CCSprite::create("grass.png");

    CCProgressTimer* progress = CCProgressTimer::create(grassSprite);

    progress -> setPosition(ccp(_winSize.width/2 - 28,70));

    this -> addChild(progress);

    progress -> setType(kCCProgressTimerTypeBar);//矩形

    progress -> setMidpoint(ccp(0,0));//左下角，向左向上运动

    CCProgressFromTo* progressTo = CCProgressFromTo::create(5, 0, 100);//这三个参数分别是执行时间，滚动条最小值，滚动条最大值

    progress -> runAction(progressTo);

}

void StartLayer::replaceScene()

{

    //当滚动完成之后，停止本类所有的动作，然后进入到菜单界面

    this -> stopAllActions();

    CCDirector::sharedDirector() -> replaceScene(MenuLayer::scene());

}

//下面进入到菜单界面

//菜单界面上有五个按钮，点击退出按钮，直接退出游戏；声音控制按钮，控制着背景音乐的开关

/* ***********************MenuLayer.h********************/

#ifndef __PlantsVSZombies__MenuLayer__

#define __PlantsVSZombies__MenuLayer__

#include <iostream>

#include "cocos2d.h"

#include "cocos-ext.h"

USING_NS_CC_EXT;

USING_NS_CC;

using namespace std;

enum kMenuTag

{

    kMenuStart_Tag = 1,

    kMenuExit_Tag,

    kMenuHelp_Tag,

    kMenuAbout_Tag

};

class MenuLayer : public CCLayer

{

public:

    static CCScene* scene();

    CREATE_FUNC(MenuLayer);

    virtual bool init();

    

    void loadUI();

    void clickMenu(CCObject* object);

    void clickMusic();

private:

    CCSize _winSize;

    bool isMusic;

};

#endif

/* *********************MenuLayer.cpp****************** */

#include "MenuLayer.h"

#include "SimpleAudioEngine.h"

#include "HelpLayer.h"

#include "AboutLayer.h"

using namespace CocosDenshion;

CCScene* MenuLayer::scene()

{

    CCScene* scene = CCScene::create();

    MenuLayer* layer = MenuLayer::create();

    scene -> addChild(layer);

    return scene;

}

bool MenuLayer::init()

{

    if(!CCLayer::init())

    {

        return false;

    }

    

    _winSize = CCDirector::sharedDirector() -> getWinSize();

    isMusic = true;

    

    loadUI();

    

    return true;

}

void MenuLayer::loadUI()

{

    CCSprite* bgSprite = CCSprite::create("main_background.png");

    bgSprite -> setPosition(ccp(_winSize.width/2,_winSize.height/2));

    this -> addChild(bgSprite);

    

    //创建四个按钮：开始游戏、退出游戏、关于、帮助

    CCMe
4000
nuItemFont* startItem = CCMenuItemFont::create("开始游戏");

    startItem -> setTarget(this, menu_selector(MenuLayer::clickMenu));

    startItem -> setColor(ccc3(0, 0, 255));

    startItem -> setFontSize(32);

    startItem -> setTag(kMenuStart_Tag);

    startItem -> setFontName("Marker Felt");

    startItem -> setPosition(ccp(_winSize.width - 150,_winSize.height/4 * 3 - 20));

    

    CCMenuItemFont* exitItem = CCMenuItemFont::create("退出游戏");

    exitItem -> setTarget(this, menu_selector(MenuLayer::clickMenu));

    exitItem -> setColor(ccc3(0, 0, 255));

    exitItem -> setFontSize(32);

    exitItem -> setTag(kMenuExit_Tag);

    exitItem -> setFontName("Marker Felt");

    exitItem -> setPosition(ccp(_winSize.width - 150,_winSize.height/2));

    CCMenuItemFont* helpItem = CCMenuItemFont::create("帮助");

    helpItem -> setTarget(this, menu_selector(MenuLayer::clickMenu));

    helpItem -> setColor(ccc3(0, 0, 255));

    helpItem -> setFontSize(32);

    helpItem -> setTag(kMenuHelp_Tag);

    helpItem -> setFontName("Marker Felt");

    helpItem -> setPosition(ccp(160,_winSize.height/4 * 3 - 20));

    

    CCMenuItemFont* aboutItem = CCMenuItemFont::create("关于");

    aboutItem -> setTarget(this, menu_selector(MenuLayer::clickMenu));

    aboutItem -> setColor(ccc3(0, 0, 255));

    aboutItem -> setFontSize(32);

    aboutItem -> setTag(kMenuAbout_Tag);

    aboutItem -> setFontName("Marker Felt");

    aboutItem -> setPosition(ccp(160,_winSize.height/2));

    CCMenu* pMenu = CCMenu::create(startItem,exitItem,helpItem,aboutItem,NULL);

    pMenu -> setPosition(CCPointZero);

    pMenu -> setAnchorPoint(CCPointZero);

    this -> addChild(pMenu);

    //另外还有一个声音的按钮，控制着背景音乐

    CCMenuItemImage* musicOn = CCMenuItemImage::create("musicbutton2.png", "musicbutton2.png");

    CCMenuItemImage* musicOff = CCMenuItemImage::create("musicbuttonstop 2.png", "musicbuttonstop 2.png");

    CCMenuItemToggle* toggle = CCMenuItemToggle::createWithTarget(this, menu_selector(MenuLayer::clickMusic), musicOn,musicOff,NULL);

    toggle -> setPosition(ccp(70,70));

    CCMenu* musicButton = CCMenu::create(toggle,NULL);

    musicButton -> setAnchorPoint(CCPointZero);

    musicButton -> setPosition(CCPointZero);

    this -> addChild(musicButton);

    

    //循环播放声音

    SimpleAudioEngine::sharedEngine() -> playBackgroundMusic("background.mp3", true);

}

void MenuLayer::clickMenu(CCObject* object)

{

    CCMenuItemFont* menu = (CCMenuItemFont*)object;

    if(kMenuStart_Tag == menu -> getTag())

    {

        

    }

    else if(kMenuHelp_Tag == menu -> getTag())

    {

        CCTransitionMoveInT* moveInT = CCTransitionMoveInT::create(0.5, HelpLayer::scene());

        CCDirector::sharedDirector() -> replaceScene(moveInT);

    }

    else if(kMenuAbout_Tag == menu -> getTag())

    {

        CCTransitionMoveInB* moveInB = CCTransitionMoveInB::create(0.5, AboutLayer::scene());

        CCDirector::sharedDirector() -> replaceScene(moveInB);

    }

    else if(kMenuExit_Tag == menu -> getTag())

    {

        #if (CC_TARGET_PLATFORM == CC_PLATFORM_WINRT) || (CC_TARGET_PLATFORM == CC_PLATFORM_WP8)

            CCMessageBox("You pressed the close button. Windows Store Apps do not implement a close button.","Alert");

        #else

            CCDirector::sharedDirector()->end();

        #if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)

            exit(0);

        #endif

        #endif

    }

}

void MenuLayer::clickMusic()

{

    SimpleAudioEngine* engine = SimpleAudioEngine::sharedEngine();

    isMusic ? engine -> pauseBackgroundMusic() : engine -> resumeBackgroundMusic();

    isMusic = !isMusic;

}

//当点击帮助按钮时，进入到帮助界面

/* ********************HelpLayer.h*********************** */

#ifndef __PlantsVSZombies__HelpLayer__

#define __PlantsVSZombies__HelpLayer__

#include <iostream>

#include "cocos2d.h"

#include "cocos-ext.h"

USING_NS_CC;

USING_NS_CC_EXT;

class HelpLayer : public CCLayer

{

public:

    static CCScene* scene();

    virtual bool init();

    CREATE_FUNC(HelpLayer);

    

    void loadUI();

    void back();

private:

    CCSize _winSize;

};

#endif

/* ***************************HelpLayer.cpp************* */

#include "HelpLayer.h"

#include "MenuLayer.h"

CCScene* HelpLayer::scene()

{

    CCScene* scene = CCScene::create();

    HelpLayer* layer = HelpLayer::create();

    scene -> addChild(layer);

    return scene;

}

bool HelpLayer::init()

{

    if(!CCLayer::init())

    {

        return false;

    }

    

    _winSize = CCDirector::sharedDirector() -> getWinSize();

    

    loadUI();

    

    return true;

}

void HelpLayer::loadUI()

{

    CCSprite* bgSprite = CCSprite::create("helpBackground.png");

    bgSprite -> setPosition(ccp(_winSize.width/2,_winSize.height/2));

    this -> addChild(bgSprite);

    

    CCMenuItemFont* backItem = CCMenuItemFont::create("返回主菜单");

    backItem -> setTarget(this, menu_selector(HelpLayer::back));

    backItem -> setPosition(ccp(_winSize.width/2,40));

    backItem -> setColor(ccc3(100, 100, 100));

    backItem -> setFontSize(32);

    CCMenu* pMenu = CCMenu::create(backItem,NULL);

    pMenu -> setAnchorPoint(CCPointZero);

    pMenu -> setPosition(CCPointZero);

    this -> addChild(pMenu);

}

void HelpLayer::back()

{

    CCTransitionSlideInB* slideInB = CCTransitionSlideInB::create(0.5, MenuLayer::scene());

    CCDirector::sharedDirector() -> replaceScene(slideInB);

}

//当点击关于按钮时，进入到关于界面

/* **********************AboutLayer.h******************** */

#ifndef __PlantsVSZombies__AboutLayer__

#define __PlantsVSZombies__AboutLayer__

#include <iostream>

#include "cocos-ext.h"

#include "cocos2d.h"

USING_NS_CC;

USING_NS_CC_EXT;

using namespace std;

class AboutLayer : public CCLayer

{

public:

    static CCScene* scene();

    virtual bool init();

    CREATE_FUNC(AboutLayer);

    

    void loadUI();

    void back();

private:

    CCSize _winSize;

};

#endif

/* **************************AboutLayer.cpp************* */

#include "AboutLayer.h"

#include "MenuLayer.h"

CCScene* AboutLayer::scene()

{

    CCScene* scene = CCScene::create();

    AboutLayer* layer = AboutLayer::create();

    scene -> addChild(layer);

    return scene;

}

bool AboutLayer::init()

{

    if(!CCLayer::init())

    {

        return false;

    }

    

    _winSize = CCDirector::sharedDirector() -> getWinSize();

    

    loadUI();

    

    return true;

}

void AboutLayer::loadUI()

{

    CCSprite* bgSprite = CCSprite::create("aboutBackground.png");

    bgSprite -> setPosition(ccp(_winSize.width/2,_winSize.height/2));

    this -> addChild(bgSprite);

    

    CCMenuItemFont* backItem = CCMenuItemFont::create("返回主菜单");

    backItem -> setTarget(this, menu_selector(AboutLayer::back));

    backItem -> setPosition(ccp(_winSize.width/2,40));

    backItem -> setColor(ccc3(0, 0, 255));

    backItem -> setFontSize(32);

    CCMenu* pMenu = CCMenu::create(backItem,NULL);

    pMenu -> setAnchorPoint(CCPointZero);

    pMenu -> setPosition(CCPointZero);

    this -> addChild(pMenu);

}

void AboutLayer::back()

{

    CCTransitionSlideInT* slideInT = CCTransitionSlideInT::create(0.5, MenuLayer::scene());

    CCDirector::sharedDirector() -> replaceScene(slideInT);

}

//然后是点击开始游戏按钮，进入到游戏界面