天天看點

CocoStudio1.3 場景編輯器使用

1. 首先需要建立一個新的遊戲項目:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

2. 建立場景項目

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

3. 因為還包括一個簡單按鈕,是以再建立一個UI項目:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

項目建造完畢後,總體看起來如下:

CocoStudio1.3 場景編輯器使用

導入資源,可以把需要的圖檔資源導進來:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

資源導入後,會在assert目錄下顯示,之後,便可以将圖檔拖到畫布上,設定背景:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

下一步就是建立按鈕了,輕按兩下UI檔案,CocoStudio會自動打開UI編輯器:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

拖出來一個按鈕:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

設定按鈕圖檔:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

導出UI項目:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

重新整理後,在publish下生成如下檔案:

CocoStudio1.3 場景編輯器使用

将UI加入到場景中,首先建立一個UI的Node:

CocoStudio1.3 場景編輯器使用

指定UI樣式:

CocoStudio1.3 場景編輯器使用

然後将UI拖動到正确的位置,之後運作模拟器就可以看到效果了:

CocoStudio1.3 場景編輯器使用

如果我們要在代碼中使用這個場景,那麼先導出工程:

CocoStudio1.3 場景編輯器使用
CocoStudio1.3 場景編輯器使用

這指定了導出路徑,然後将這個Resources下的所有檔案複制到cocos2dx的工程的Resources目錄下。代碼中可以這樣使用:

bool StudioScene::init() //在一個新的場景中
{
    if (!CCLayer::init())
    {
        return false;
    }
    CCNode * scene = SceneReader::sharedSceneReader()->createNodeWithSceneFile("publish/Scene01.json");
    addChild(scene);
    return true;
}
           
CocoStudio1.3 場景編輯器使用

繼續閱讀