Cocos3.4 横版游戏制作-《KillBear》- 开始界面

转载时请务必以超链接形式标明文章,原始出处 。
资源为网上寻找的,仅研究学习用,若是侵犯版权请通知本人整改。

上一篇: Cocos3.4 横版游戏制作-《KillBear》-暂停层+屏蔽下层监听
上篇实现了游戏层中右上角添加一个按钮,用于暂停游戏功能的实现
本篇创建游戏开始界面,用于选择开始游戏还是退出游戏.

开发环境

win64 : vs2010
Cocos2d-x v3.4Final
TexturePackerGUI
MapEdit

简单的做一个开始界面.
我们需要:

• 背景
• 按钮

开始界面的背景,本例中使用一张已经做好的图片作为背景.

按钮放上3个,分别是:

• 开始游戏
• 游戏设置
• 结束游戏

回调Scene来处理它们

代码

other

GameStart

• .h

#ifndef _GAME_START_SCENE_H_
#define _GAME_START_SCENE_H_
#include <cocos2d.h>
USING_NS_CC;
//#include "LevelChooseLayer.h"
#include "GameScene.h"
#include "ui/CocosGUI.h"
#include "BarrierLayer.h"
using namespace ui;
class GameStartScene :public Layer { public: static cocos2d::Scene* createScene(); virtual bool init(); void StartGameCallBack(Ref *pSender,Widget::TouchEventType type); void SettingCallBack(Ref *pSender,Widget::TouchEventType type); void CloseGameCallBack(Ref *pSender,Widget::TouchEventType type); CREATE_FUNC(GameStartScen` ); }; #endif

• .cpp

#include "GameStartScene.h"
#include "PopupLayer.h"
Scene* GameStartScene::createScene()
{
    auto scene = Scene::create();
    auto Layer = GameStartScene::create();
    scene->addChild(Layer);
    return scene;
}


bool GameStartScene ::init()
{   
    bool ret = false;
    do {
        Size visibleSize  = Director::getInstance()->getVisibleSize();
        auto blackground  = Sprite::create("blackground.png");
        addChild(blackground);
        blackground->setPosition(Vec2(visibleSize.width/2,visibleSize.height/2));

        auto start_button = Button::create("button.png");
        start_button->setTitleText("Start");
        start_button->setTitleFontName("微软雅黑");
        start_button->setTitleFontSize(16);
        start_button->setPosition(Vec2(visibleSize.width/2,visibleSize.height*0.75));
        start_button->addTouchEventListener(CC_CALLBACK_2(GameStartScene::StartGameCallBack,this));
        addChild(start_button);

        auto setting_button = Button::create("button.png");
        setting_button->setTitleText("Set");
        setting_button->setTitleFontName("微软雅黑");
        setting_button->setTitleFontSize(16);
        setting_button->setPosition(Vec2(visibleSize.width/2,visibleSize.height*0.5));
        setting_button->addTouchEventListener(CC_CALLBACK_2(GameStartScene::SettingCallBack,this));
        addChild(setting_button);

        auto close_button = Button::create("button.png");
        close_button->setTitleText("End");
        close_button->setTitleFontName("微软雅黑");
        close_button->setTitleFontSize(16);
        close_button->setPosition(Vec2(visibleSize.width/2,visibleSize.height*0.25));
        close_button->addTouchEventListener([=](Ref* pSender,Widget::TouchEventType type)
        {
            switch (type)
            {
            case cocos2d::ui::Widget::TouchEventType::ENDED:
                Director::getInstance()->end();
                break;
            }
        });
        addChild(close_button);

        ret = true;
    } while(0);

    return ret;
}

void GameStartScene::StartGameCallBack(Ref *pSender,Widget::TouchEventType type)
{
    cclOG("StartGame");
    switch (type)
    {
    case cocos2d::ui::Widget::TouchEventType::ENDED:
        Director::getInstance()->replaceScene(TransitionCrossFade::create(0.5f,GameScene::createScene()));
        break;
    }


}
void GameStartScene::SettingCallBack(Ref *pSender,Widget::TouchEventType type)
{

}
void GameStartScene::CloseGameCallBack(Ref *pSender,Widget::TouchEventType type)
{
    switch (type)
    {
    case cocos2d::ui::Widget::TouchEventType::ENDED:
        Director::getInstance()->end();
        break;
    }

}

需要注意的:
Director::getInstance()->end();
结束整个游戏

而下面这2段代码功能相同,只是一个是直接在后面添加并编写当前回调函数,另一个是回调已经写好的函数

close_button->addTouchEventListener([=](Ref* pSender,Widget::TouchEventType type)
 {
 switch (type)
 {
 case cocos2d::ui::Widget::TouchEventType::ENDED:
 Director::getInstance()->end();
 break;
 }
 });

以下代码实际上并未使用

void GameStartScene::CloseGameCallBack(Ref *pSender,Widget::TouchEventType type)
{
    switch (type)
    {
    case cocos2d::ui::Widget::TouchEventType::ENDED:
        Director::getInstance()->end();
        break;
    }

}

这一句调用已经写好的Scene切换动画来实现切换

Director::getInstance()->replaceScene(TransitionCrossFade::create(0.5f,GameScene::createScene()));

最后特比特别注意:
switch (type)
本人在使用过程中忘了添加按键判定,由于Button点击一次有2种状态,Began和Ended.
导致在点击一次的情况下函数调用了2次,这种低级错误卡了我半个小时.
望各位特别关注,Button不是Menu,自己写回调代码需要注意.

AppDelegate

当游戏刚开始,希望载入的是GameStartScene而不是GameScene,需要在AppDelegate中修改它,当然最上方需要包含GameStartScene
- .cpp

#include "GameStartScene.h"
...
    auto scene = GameStartScene::createScene();
    director->runWithScene(scene);

结果

结语

本篇非常简单的创建了一个开始界面,下篇通过ScrollView创建关卡选择界面. (为什么不用PageView?需要触摸回弹并利用ScrollView动画回弹效果)