Cocos 화면 전환 효과 적용하기

화면 전환 효과 적용하기

c++)

#include "test169.hpp"
#include "GameScene.hpp"
 
USING_NS_CC;
 
Scene* Test169::createScene()
{
    auto scene = Scene::create();
    
    auto layer = Test169::create();
    scene->addChild(layer);
    
    return scene;
}
 
 
bool Test169::init()
{
    //현재 화면 배경색은 파랑색
    if ( !LayerColor::initWithColor(Color4B(0, 0, 255, 255)))
    {
        return false;
    }
    
    
    //MenuItemFont::create(메뉴명, 메뉴 클릭시 실행되는 콜백함수)
    auto item = MenuItemFont::create("Replace Scene", CC_CALLBACK_1(Test169::replaceScene, this));
    
    
    auto menu = Menu::create(item, NULL);
    menu->alignItemsVertically();
    this->addChild(menu);
    
    
    return true;
}
 
 
void Test169::replaceScene(Ref *sender){
    //화면 전환 효과 적용
    //TransitionCrossFade::create(전환시간, 넘어갈려는 화면)
    auto scene = TransitionSplitCols::create(3.0, GameScene::createScene());
    Director::getInstance()->pushScene(scene);
}
 
 
//화면 전환 효과의 종류
//TransitionFade : 2개의 화면이 순차적으로 페이드 효과로 전환
//TransitionCrossFade : 2개의 화면이 동시에 페이드 효과로 전환
//TransitionFadeUp : 하단에서 상단으로 페이드 효과로 전환
//TransitionFadeDown : 상단에서 하단으로 페이드 효과로 전환
//TransitionFadeBL : 오른쪽 상단에서 왼쪽 하단으로 블록 모양 페이드 효과로 전환
//TransitionFadeTR : 왼쪽 하단에서 오른쪽 상단으로 블록 모양 페이드 효과로 전환
//
//TransitionFlipAngular : 화면 가운데에서 비스듬하게 회전하면서 전환
//TransitionFlipX : 화면 가운데에서 X축을 기준으로 회전하면서 전환
//TransitionFlipY : 화면 가운데에서 Y축을 기준으로 회전하면서 전환
//
//TransitionJumpZoom : 화면이 작아지면서 왼쪽으로 점프하여 사라지고 새로운화면이 오른쪽에서 점프하여 나타난 후 확대되면서 전환
//TransitionRotoZoom : 화면이 가운데로 축소되면서 회전하며 사라지고 새로운화면이 확대되면서 회전하며 나타나는 효과
//
//TransitionZoomFlipAngular : 확대 + 화면 가운데에서 비스듬하게 회전하면서 전환
//TransitionZoomFlipX : 확대 + 화면 가운데에서 X축을 기준으로 회전하면서 전환
//TransitionZoomFlipY : 확대 + 화면 가운데에서 Y축을 기준으로 회전하면서 전환
//
//TransitionMoveInB : 새로운 화면이 아래에서 위로 겹쳐지면서 전환
//TransitionMoveInT : 새로운 화면이 위에서 아래로 겹쳐지면서 전환
//TransitionMoveInL : 새로운 화면이 왼쪽에서 오른쪽으로 겹쳐지면서 전환
//TransitionMoveInR : 새로운 화면이 오른쪽에서 왼쪽으로 겹쳐지면서 전환
//
//TransitionSlideInB : 새로운 화면이 현재화면을 아래에서 위로 밀어내면서 전환
//TransitionSlideInT : 새로운 화면이 현재화면을 위에서 아래로 밀어내면서 전환
//TransitionSlideInL : 새로운 화면이 현재화면을 왼쪽에서 오른쪽으로 밀어내면서 전환
//TransitionSlideInR : 새로운 화면이 현재화면을 오른쪽에서 왼쪽으로 밀어내면서 전환
//
//TransitionProgressHorizontal : 새로운 화면이 왼쪽에서 오른쪽으로 지나가는 효과
//TransitionProgressVertical : 새로운 화면이 위쪽에서 아래쪽으로 지나가는 효과
//TransitionProgressRadialCW : 새로운 화면이 시계방향으로 회전하면서 나타나는 효과
//TransitionProgressRadialCCW : 새로운 화면이 반시계방향으로 회전하면서 나타나는 효과
//TransitionProgressInOut : 새로운 화면이 화면 가운데에서 확대되면서 나타나는 효과
//TransitionProgressOutIn : 현재 화면이 화면 가운데로 축소되면서 나타나는 효과
//
//TransitionSplitCols : 전환되는 2개의 화면이 상하로 나눠지면서 전환
//TransitionSplitRows : 전환되는 2개의 화면이 좌우로 나눠지면서 전환
//
//TransitionPageTurn : 페이지 넘기는 효과
//TransitionTurnOffTiles : 타일 조각 효과
//TransitionShrinkGrow : 확대, 축소로 교차되면서 전환