cocos2dx游戏开发——别踩白块学习笔记（二）——经典模式的实现

一、创建GameScene以及GameLayer

就是简单创建一个Scene而已，在此就不多说啦~，可以参照我的打飞机的学习笔记（2）。

二、添加一个开始栏

很简单，就是调用Block中的create方法就可以啦~，只是需要传入大小和颜色等等的参数即可。

void GameLayer::addStartLine()
{
    auto block = Block::createWithArgs(Color3B::YELLOW, Size(visibleSize.width,visibleSize.height/4), "Touch to start", 40, Color4B::BLACK);                  //调用方法。
    this->addChild(block);        //加入到场景中，如果没有设定Position的话，就是默认在Vec2::ZERO的位置
}

然后上图看效果、（记得在init中调用此方法）.

 

三、加入一个结束栏

void GameLayer::addEndLine()
{
    auto block = Block::createWithArgs(Color3B::GREEN, visibleSize, "Game Over", 40, Color4B::BLACK);
    block->setBlockCol(4);
    this->addChild(block);
    
}

效果如下哈：

四、添加NormalLine以及实现初始化

（1）实现NormalLine的方法就是添加4个块，一个黑的，3白的。实现如下

void GameLayer::addNormalLine(int blockCol)//Col即行
{             
    int blackRow = CCRANDOM_0_1()*4;   //随机数，随机一个黑色的方块
    for(int i=0;i<4;i++)
    {
        auto block = Block::createWithArgs(blackRow==i?Color3B::BLACK:Color3B::WHITE,
                                           Size(visibleSize.width/4-1,visibleSize.height/4-1), "", 20, Color4B::BLACK);
        block->setPosition(Vec2(i*visibleSize.width/4,blockCol*visibleSize.height/4));
        block->setBlockCol(blockCol);//储存所在的行号
        this->addChild(block);
    }
}

（2）初始化界面

void GameLayer:: startGame()
{
    this->addStartLine();
    this->addNormalLine(1);
    this->addNormalLine(2);
    this->addNormalLine(3);
    
}

于是乎，我们没有WelcomeScene的别踩白块的开始界面就此OK！！

 

五、游戏触摸事件的实现。

游戏的交互很简单，就是点一下黑的就变灰，然后下移（这个放在GameLoop中），点下白的就拜拜。

实现如下：

（1）先继承Layer的触摸方法。

virtual bool onTouchBegan(Touch *touch, Event *unused_event);

这是一个单点的触摸方法。还有3个，我们这里用不到，就先不多说啦，然后这个方法，可以帮助我们实现触摸交互的功能。

然后我们还需要在init中，将此加入事件监听器。

    auto touchListener = EventListenerTouchOneByOne::create();   //创建一个单点触控的方法
    touchListener->onTouchBegan=CC_CALLBACK_2(GameLayer::onTouchBegan, this);    //加入方法
    Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(touchListener,this);//设置优先级

（2）触摸方法的实现

bool GameLayer::onTouchBegan(Touch *touch, Event *unused_event)
{
    
    auto bs = Block::getBlocks();      //取出那个存放Block的数组
    Block *b;
   
    for(auto it = bs->begin(); it != bs->end(); it++)
    {
        b = *it;   //it是数组的指针，而*it才是其中存放的内容，即Block类的指针

        if(  b->getBlockCol() == 1 && b->getBoundingBox().containsPoint(touch->getLocation()) )
        {
            if(b->getColor()==Color3B::BLACK)
            {
                
                b->setColor(Color3B::GRAY);      //变灰
         break;
            }else
            {
                MessageBox("GameOver","失败");   //失败，失败后可以要强制重新开始。。在此我就默默省了。
            }
        }
    }

    return true;
}

 效果图如下：

                    

 

六、GameLoop的实现

 （1）MoveDown的实现

void GameLayer::moveDown()
{
    this->addNormalLine(4);     //新加入一栏
   
    auto bs = Block::getBlocks();        
    for(auto it=bs->begin(); it!=bs->end(); it++)
    {
        (*it)->moveDown();     //所有的Block向下移动下。
    }
}

（2）GameLoop的实现

如果仅仅实现（1）的话= =，那你玩到天荒地老都停不下来= =，所以我们要加一个限制，就是啥时候游戏结束。

要不就是手残点到白的的时候死翘翘，要不就是集满25个Block就可以……（你懂的）。

所以呢，我们需要加入一个计数变量_lineCount和是否结束的bool变量 _showEndLine，

1、定义初始化

在GameLayer.h定义一个int的变量，然后再那个初始化中初始化为0,_showEndline则初始化为false

2、然后在addNormalLine()方法计数++

3、然后在MoveDone中进行一个结束的判断。

if(_lineCount<25)
    {
        this->addNormalLine(4);
    }
    
    else if(!_showEndLine)
    {
       this-> addEndLine();
       _showEndLine = true;
    }

4、然后在触摸事件中，也要多一个判断，就是结束栏虽然点到，但是不会变成灰色的= =

            if(b->getColor()==Color3B::BLACK)
            {
                
                b->setColor(Color3B::GRAY);
                this->moveDown();break;
            }
            
            else if(b->getColor()==Color3B::GREEN)
            {
                this->moveDown();
            }
            
            else
            {
                MessageBox("GameOver","失败");
            }

5、最后上图

 

七、计时间的加入。

（1）当然是要建立一个Label，嘻嘻，在头文件中定义:

 Label *_timerLabel;       

 long _startTime;        //开始的时刻

 bool _timeRunning;       //是否在跑

（2）相关方法

void GameLayer::update(float dt)     //继承的update方法，会自动一秒60次的更新画面
{
    long offset = clock()-_startTime;         //计算出时间
     
    _timerLabel->setString(StringUtils::format("%g",((double)offset)/1000000));   //改变Label的值。
} 


void GameLayer::startTimer()    //开始的时刻
{
    if(!_timeRunning)
    {
        scheduleUpdate();
        _startTime = clock();
        _timeRunning = true;
    }
}

void GameLayer::stopTimer()    //结束
{
    if(_timeRunning)
    {
        unscheduleUpdate();
        _timeRunning = false;
    }
}

void initTimeLabel()     //初始化_timerLabel
{

_timerLabel = Label::create();

 _timerLabel->setColor(Color3B::BLUE);

_timerLabel->setSystemFontSize(50);

_timerLabel->setString("0.0000"); _timerLabel->setPosition(visibleSize.width / 2, visibleSize.height - 100); this->addChild(_timerLabel,10)

}

 然后上图。看效果。到此经典模式完成，其他模式，我会以后再分享，因为我也是看别人的学习的，我是个小白，只是把每次学习的通过写博客的方式强化印象，并且希望其他小白有个借鉴。毕竟只有开放，才能更快更好的进步。