Cocos Studio study ---------- 使用CocosStudio1.6制作 界面，并结合代码制作游戏

使用CocosStudio1.6制作 界面，并结合代码制作游戏

Cocos Studio界面

 

代码：.h

#ifndef __BOSS_ONE_SCENE_H__
#define __BOSS_ONE_SCENE_H__

#include "cocos2d.h"
#include "cocos-ext.h"

#define BEGIN_TAG 100
#define END_TAG 111

using namespace cocos2d::extension;
USING_NS_CC;
using namespace cocos2d::gui;

class BossOne : public UILayer{

public:

    static CCScene* createScene();
    virtual bool init();
    CREATE_FUNC(BossOne);
    // 初始化视图，cocos Studio 制作的界面
    void initView();

    // 返回按钮的回调函数
    void menuBackCallback(CCObject* pSender, TouchEventType type);
    // 图片的回调函数
    void imageCallback(CCObject* pSender, TouchEventType type);

    void RemoveCallback();
    void addLidCallBack();
    void reductionCallBack();

    void visibleCallBack(CCNode *pSender);

    // 添加火焰
    void addFire(int tag);

    // 获取从 start 到 end 的随机数
    int getRand(int start, int end);

    // 添加锅盖
    void addLid(CCPoint position);

    //// 触摸开始
    //virtual bool ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent);
    //virtual void ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent);
    //virtual void ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent);

    // 每0.5秒添加一个火焰
    void addFireUpdate(float dt);

    // 每2秒后删除火焰
    void removeFireUpdate(float dt);

    void addAnimation(UIImageView *temp);

    void update(float dt);

private:

    // 界面
    Widget* m_wUI;
    // 文本框
    char strBigFireNums[256];

    UIButton    * m_nButtonBack;            // 返回按钮
    UILabel        * m_nLabelBigFire;        // 大火焰的显示数量的 label
    UILabel        * m_nLabelSmallFire;    // 小火焰的显示数量的 label
    
    CCSprite *lidSprite;

    std::vector<int> vecFire;

    int m_nfireNums;

};


#endif // __BOSS_ONE_SCENE_H__

 

.cpp

 

#include "BossOne.h"

CCScene* BossOne::createScene(){

    CCScene *scene = CCScene::create();
    CCLayer *layer = BossOne::create();
    scene->addChild(layer);
    return scene;

}

bool BossOne::init(){

    if (!UILayer::init()){
        return false;
    }

    m_nfireNums = 0;

    srand(time(NULL));

    // 初始化界面
    initView();

    // 锅盖
    lidSprite = CCSprite::create("BossResources/BossOne/lid.png");
    lidSprite->setPosition(CCPoint(-lidSprite->getContentSize().width, 0));
    this->addChild(lidSprite);

    schedule(schedule_selector(BossOne::addFireUpdate), 1.0f);
    scheduleUpdate();
    return true;

}

// 获取 start 到 end 的随机数
int BossOne::getRand(int start, int end)
{
    float i = CCRANDOM_0_1()*(end - start + 1) + start;  //产生一个从start到end间的随机数  
    return (int)i;
}

// 初始化视图，cocos Studio 制作的界面
void BossOne::initView(){

    // 界面
    m_wUI = GUIReader::shareReader()->widgetFromJsonFile("BossResources/BossOne/BossOne.ExportJson");
    addWidget(m_wUI);

    // 获取开始按钮
    m_nButtonBack = dynamic_cast<UIButton*>(m_wUI->getChildByName("Button_Back"));
    // 添加点击事件
    m_nButtonBack->addTouchEventListener(this, toucheventselector(BossOne::menuBackCallback));
    //m_nButtonBack->

    // 获取 TextField 文本框
    m_nLabelBigFire = dynamic_cast<UILabel*>(m_wUI->getChildByName("Label_SmallFire"));

    // 获取 名字被抢注了 的图片
    m_nLabelSmallFire = dynamic_cast<UILabel*>(m_wUI->getChildByName("Label_BigFire"));

    for (int i = BEGIN_TAG; i <= END_TAG; i++)
    {
        UIImageView *temp = dynamic_cast<UIImageView*>(m_wUI->getChildByTag(i));
        temp->addTouchEventListener(this, toucheventselector(BossOne::imageCallback));

        temp->setVisible(false);        // 不显示
        temp->setTouchEnabled(false);    // 不接受触摸事件

        addAnimation(temp);

        //int nNum = 3;
        //CCAnimation* animation = CCAnimation::create();
        //for (int i = 1; i <= nNum; i++)
        //{
        //    char szName[100] = { 0 };
        //    sprintf(szName, "BossResources/BossOne/huoyan/%d.png", i);
        //    animation->addSpriteFrameWithFileName(szName); //加载动画的帧  
        //}
        //animation->setDelayPerUnit(2.8f / 14.0f);
        //animation->setRestoreOriginalFrame(true);
        //CCAnimate *animate = CCAnimate::create(animation);

        //CCSprite *sprite = CCSprite::create();
        //sprite->setAnchorPoint(CCPoint(0.5, 0));
        //sprite->setPosition(temp->getPosition());
        //sprite->setTag(i + 100);
        //sprite->setVisible(false);
        //addChild(sprite);

        //sprite->runAction(CCRepeatForever::create(animate));

    }

}

void BossOne::update(float dt){

}

void BossOne::addAnimation(UIImageView *temp){

    int nNum = 3;
    CCAnimation* animation = CCAnimation::create();
    for (int i = 1; i <= nNum; i++)
    {
        char szName[100] = { 0 };
        sprintf(szName, "BossResources/BossOne/huoyan/%d.png", i);
        animation->addSpriteFrameWithFileName(szName); //加载动画的帧  
    }
    animation->setDelayPerUnit(0.1f);
    animation->setRestoreOriginalFrame(true);
    CCAnimate *animate = CCAnimate::create(animation);

    CCSprite *sprite = CCSprite::create();
    sprite->setAnchorPoint(CCPoint(0.5, 0));
    sprite->setPosition(temp->getPosition());
    sprite->setTag(temp->getTag() + 100);
    sprite->setVisible(false);
    addChild(sprite);

    sprite->runAction(CCRepeatForever::create(animate));
}

void BossOne::addFire(int tag){

    UIImageView *temp = dynamic_cast<UIImageView*>(m_wUI->getChildByTag(tag));
    //// 显示图片
    //temp->setVisible(true);
    CCSprite *sprite = dynamic_cast<CCSprite*>(this->getChildByTag(tag + 100));
    // 显示图片
    sprite->setVisible(true);

    // 可以接受触摸事件
    temp->setTouchEnabled(true);

    schedule(schedule_selector(BossOne::removeFireUpdate), 2.0f);


}

// 返回按钮的回调函数
void BossOne::menuBackCallback(CCObject* pSender, TouchEventType type){

    if (type == TouchEventType::TOUCH_EVENT_ENDED)
    {
        CCLOG("----  menuBackCallback  ----");
    }

}

// 图片的回调函数
void BossOne::imageCallback(CCObject* pSender, TouchEventType type)
{
    if (type == TouchEventType::TOUCH_EVENT_ENDED)
    {
        UIImageView *temp = dynamic_cast<UIImageView*>(pSender);
        addLid(temp->getPosition());
        std::vector<int>::iterator it;
        for (it = vecFire.begin(); it != vecFire.end(); it++)
        {
            if ((*it) == temp->getTag()){
                it = vecFire.erase(it);    //删除元素，返回值指向已删除元素的下一个位置
                break;
            }
        }
        temp->runAction(
            CCSequence::create(
            CCDelayTime::create(0.3), 
            CCCallFuncN::create(this, callfuncN_selector(BossOne::visibleCallBack)), 
            NULL));
    }
}

void BossOne::addLid(CCPoint position){

    // 获取屏幕的大小
    CCSize size = CCDirector::sharedDirector()->getVisibleSize();
    // 屏幕的高度
    float screen_height = size.height;
    // 点击的位置的 x 轴值
    float posX = position.x;
    // 点击的位置的 y 轴值
    float posY = position.y + 50;

    lidSprite->setPosition(CCPoint(posX, lidSprite->getContentSize().height + screen_height));
    lidSprite->setVisible(true);

    m_nfireNums++;
    sprintf(strBigFireNums, "%02d", m_nfireNums);
    m_nLabelBigFire->setText(strBigFireNums);

    lidSprite->runAction(    
        CCSequence::create(
            CCMoveTo::create(0.3f, CCPoint(posX, posY)),
            CCDelayTime::create(0.1f),
            CCCallFunc::create(this, callfunc_selector(BossOne::RemoveCallback)),
            NULL
        )
    );

}

void BossOne::RemoveCallback(){
    lidSprite->setVisible(false);
}


void BossOne::addFireUpdate(float dt){
    // 添加火焰, 先随机获取一个tag，根据tag获取图片
    int randomNum = getRand(BEGIN_TAG, END_TAG);
    for (int i = 0; i < vecFire.size(); i++){
        if (randomNum == vecFire.at(i)){
            if (vecFire.size() != 12){
                addFireUpdate(0);
            }
            else{
                return;
            }
            return;
        }
    }
    vecFire.push_back(randomNum);
    addFire(randomNum);
}

void BossOne::removeFireUpdate(float dt){

    if (vecFire.size() > 0){
        int tag = vecFire.at(0);
        UIImageView *temp = dynamic_cast<UIImageView*>(m_wUI->getChildByTag(tag));
        //temp->setVisible(false);        // 不显示
        CCSprite *sprite = dynamic_cast<CCSprite*>(this->getChildByTag(tag + 100));
        // 显示图片
        sprite->setVisible(false);
        temp->setTouchEnabled(false);    // 不接受触摸事件
        vecFire.erase(vecFire.begin());
    }

}

void BossOne::visibleCallBack(CCNode *pSender){
    UIImageView *temp = dynamic_cast<UIImageView*>(pSender);
    // 点击图片后，图片隐藏 并且 不接受触摸事件了
    //temp->setVisible(false);
    CCSprite *sprite = dynamic_cast<CCSprite*>(this->getChildByTag(temp->getTag() + 100));
    // 显示图片
    sprite->setVisible(false);
    temp->setTouchEnabled(false);
}

 

效果图：