使用cocos2d-x3.4结合cocos2.1.5制作小游戏《亲亲小熊》

在最新的cocos集成环境中，CocosStudio已经集成到cocos中了，至于界面的制作和编辑器的基本使用在cocos官网有详细教程，

这里就不细说，资源下载和详情请参看官网教程：http://cn.cocos2d-x.org/tutorial/show?id=1650

接下来就是使用cocos2d-x3.4完成接下来的代码操作与打包，一步一步来。

1、cocos2d-x3.4环境问题，cocos2d-x3.4对NDK的要求是最新的，这里我使用的是r10d。如果使用eclipse进行打包，需要

eclipse版本在23以上，这里我是用的是2014年7月2号的版本（Eclipse IDE for Android Developers 23.0.2.1259578 ）。

相应的SDKcocos2d-x3.4项目默认是20，（2014年7月2号的版本的ADT里面集成的SDK就是20）请自行下载。另外Python

和java请自行安装，并且配置好环境变量。建议新手直接下载cocosframeworks3.4进行安装，这样cocos相关的环境变量会自

动配置好。

2、使用eclipse进行android编译的还有一个重要的参数需要配置：NDK_MODULE_PATH，我嫌麻烦，直接配置在环境变量里。

3.4的这三个目录分别是cocos引擎根目录，external目录，和cocos目录，例如我的配置：

FrameWorksframeworkscocos2d-x-3.4rc1;D:CocosFrameWorksframeworkscocos2d-x-3.4rc1external;D:CocosFrameWorksframeworkscocos2d-x-3.4rc1cocos

3、接下来就是工程的创建和代码编写了，这里我使用c++开发，编辑器使用vs2013update4。

首先打开命令行窗口，使用cocos命令行创建工程：cocos new KissBear -p com.KissBear.cn -l cpp -d D:cocosProjects

解释下命令参数：new是新建工程命令，-p是包名称，-l是开发语言，-d是工程存放目录

4、将cocosStudio导出的资源文件全部拷贝到工程目录下的Resources目录下。嗯，先看下cocosStudio的效果图：

 

每个窗口里面的小熊是不可见的，这样我们只需要在代码里面实现随机出现就可以了。

5、接下来，分析下具体的逻辑实现，第一步：加载出来界面，然后九个窗子里的小熊随机出现，如果触摸判断到触点在小熊上面，

那么分数往上加，很简单的。

6、话不多说，分析下代码需求开整。首先我们需要一个函数用来产生一个随机编号，大小在1-9之间，用来决定哪个小熊显示出来，

然后需要一个函数用来显示相对应的小熊，此外还此外还需要一个函数用来进行分数的显示。数据方面需要一个表用来存储所有的小熊，

一个表示当前显示小熊的变量，还有点中小熊之后的嘴唇图片变量，一个分数变量。为了小熊的显示不会接连两次重复显示同一个，还

需要一个变量存储上一次小熊的序号。

7、上代码开始，创建创建新类BearMainScene，引入相关头文件，定义函数以及变量：

/************************************************************************/
/* 头文件：BearMainScene.h*/
/************************************************************************/

#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__

#include "cocos2d.h"
#include "ui/CocosGUI.h"
USING_NS_CC;
using namespace cocos2d::ui;

class BearMainScene : public cocos2d::Layer
{
public:
    static cocos2d::Scene* createScene();

    virtual bool init();
    
  
    CREATE_FUNC(BearMainScene);

public:
    int GetRandNum();

    void update(float delta); //帧循环
    void GetshowBear(); //获取要显示的小熊并且显示小熊
    void setScore(); //设置分数
    Vector<Node*> bearNodeArray; //存储所有的小熊列表
    Node *alivebear;    //当前显示的小熊
    Sprite *sp_kiss;  //嘴唇精灵
    Text *scoreText;  //分数控件

    static float beginclock;   //显示计时
    int preBearNum;    //上次显示的小熊编号
    static float difftime;     //显示时间差
    static int totalScore;   //总分数
};

#endif // __HELLOWORLD_SCENE_H__

实现文件：

#include "BearKissScene.h"
#include "cocostudio/CocoStudio.h"
#include "ui/CocosGUI.h"

USING_NS_CC;

float BearMainScene::difftime = 1.5;
int BearMainScene::totalScore = 0;
float BearMainScene::beginclock = 0.0;

Scene* BearMainScene::createScene()
{
    auto scene = Scene::create();
    auto layer = BearMainScene::create();
    scene->addChild(layer);
    return scene;
}

bool BearMainScene::init()
{
    if ( !Layer::init() )
    {
        return false;
    }

    auto manilayer = CSLoader::createNode("MainScene.csb");
    this->addChild(manilayer);

    char index[4];
    for (int i = 1; i < 10; i++)
    {
        std::string nodename = "ProjectNode_";
        memset(index, 0, sizeof(char) * 4);
        sprintf(index, "%d", i);
        nodename = nodename.append(index);
        auto sp_w = manilayer->getChildByName(nodename);
        bearNodeArray.pushBack(sp_w);
    }

    scoreText = (Text*)manilayer->getChildByName("Text_Score");
    setScore();
       
    sp_kiss = Sprite::create("m.png");
    sp_kiss->setVisible(false);
    sp_kiss->setAnchorPoint(Vec2(0.5, 0.5));
    this->addChild(sp_kiss);

    GetshowBear();

         //拉姆达表达式做碰撞监听
    auto bearListener = EventListenerTouchOneByOne::create();
    bearListener->onTouchBegan = [&](Touch *touch, Event* event){
        auto bearrect = Rect(0, 0, alivebear->getContentSize().width, alivebear->getContentSize().height);
        auto startpos = alivebear->convertToNodeSpace(touch->getLocation());

        if (bearrect.containsPoint(startpos) && alivebear->isVisible())
        {
            sp_kiss->setVisible(false);
            sp_kiss->setPosition(touch->getLocation());
            sp_kiss->setVisible(true);
            totalScore += 100;
                        //如果显示时间间隔大于0.1秒，那么分数每增长1000分，时间差减去0.1，这样子，就会随着分数的提高难度增加
            if (difftime != 0.1)
            {
                if (totalScore % 1000 == 0)
                {
                    difftime -= 0.1;
                }
            }
            
            setScore();
        }

        return true;
    };

    bearListener->onTouchMoved = [](Touch *touch, Event* event){
    };

    bearListener->onTouchEnded = [&](Touch *touch, Event* event){

    };

    _eventDispatcher->addEventListenerWithSceneGraphPriority(bearListener, alivebear);
    
    this->scheduleUpdate();

    return true;
}

int BearMainScene::GetRandNum()
{
    int num = 0;
    while (1)
    {
        num = rand_0_1() * 10;
        if (num >= 0 && num < 9)
        {
            break;
        }
    }
    return num;
}

void BearMainScene::GetshowBear()
{
    int idx = GetRandNum();
    while (idx == preBearNum)
    {
        idx = GetRandNum();
    }
    preBearNum = idx;
    std::string spritename = "Sp_bear";
    auto bearNode = bearNodeArray.at(idx);
    alivebear = bearNode->getChildByName(spritename);
    if (sp_kiss->isVisible())
    {
        sp_kiss->setVisible(false);
    }
    alivebear->setVisible(true);
}

void BearMainScene::update(float delta)
{
    beginclock += delta;
    if (beginclock >= difftime)
    {
        beginclock = 0;
        alivebear->setVisible(false);
        GetshowBear();
    }
}


void BearMainScene::setScore()
{
    char scorestr[10];
    memset(scorestr, 0, sizeof(scorestr));
    sprintf(scorestr, "%d", totalScore);
    scoreText->setString(scorestr);
}            

8、然后，修改appdelegate的glview属性：glview = GLViewImpl::createWithRect("MyKissBear", Rect(0, 0, 640, 960));

这里需要注意，如果想要跑WP8的工程createWithRect这个函数是没有的，需要使用setFrameSize去设置大小。

9、最后进入项目目录，打开命令行窗口：cocos run -p android -m release --ap-20 ,当然请把android手机连上电脑。这里需要

注意，这里编译的是release版本，是需要签名的，如果嫌麻烦，将release改成debug或者直接去掉，因为默认是debug版本编译的。

那么要签名的话，需要先生成签名文件，这里简单说下方法，同样进入项目目录，打开命令行窗口：keytool -genkey -alias demo.keystore -keyalg RSA -validity 3650 -keystore demo.keystore

demo.keystore是签名文件名称，RSA是加密方式，3650是有效天数，-alias是别名，还有个keysize，这里就不设置，默认就好。

签名文件生成之后，在执行前面的run命令，根据提示输入keystore路径，就好了。

10、如果使用ecliose编译，相关路径一定要配置好，我遇到的问题就是提示c++空指针，原因是因为我在首次打开eclipse是NDK路径

没有设置正确，即使NDK之后设置正确，打开也会报错，解决方法：删除android工程下的.cproject文件。

最后，上一张手机上的效果图：

 

好啦，到这里就结束了。