使用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);
    
    //创建四个按钮：开始游戏、退出游戏、关于、帮助
    CCMenuItemFont* 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);
}


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

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