1. 首先需要建立一個新的遊戲項目:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiclRnblN0LclHdpZXYyd2LcBzNvwVZ2x2bzNXak9CX90TQNNkRrFlQKBTSvwFbslmZvwFMwQzLcVmepNHdu9mZvwFVywUNMZTY18CX052bm9CX90TUPlXR6RmN5YlYoljVhZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39zN4EDMwEDNyIzMxQDM0EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
2. 建立場景項目
3. 因為還包括一個簡單按鈕,是以再建立一個UI項目:
項目建造完畢後,總體看起來如下:
導入資源,可以把需要的圖檔資源導進來:
資源導入後,會在assert目錄下顯示,之後,便可以将圖檔拖到畫布上,設定背景:
下一步就是建立按鈕了,輕按兩下UI檔案,CocoStudio會自動打開UI編輯器:
拖出來一個按鈕:
設定按鈕圖檔:
導出UI項目:
重新整理後,在publish下生成如下檔案:
将UI加入到場景中,首先建立一個UI的Node:
指定UI樣式:
然後将UI拖動到正确的位置,之後運作模拟器就可以看到效果了:
如果我們要在代碼中使用這個場景,那麼先導出工程:
這指定了導出路徑,然後将這個Resources下的所有檔案複制到cocos2dx的工程的Resources目錄下。代碼中可以這樣使用:
bool StudioScene::init() //在一個新的場景中
{
if (!CCLayer::init())
{
return false;
}
CCNode * scene = SceneReader::sharedSceneReader()->createNodeWithSceneFile("publish/Scene01.json");
addChild(scene);
return true;
}