【7日目】25日間でCocos Creatorでゲームを作る

メニューシーンにボタンを配置する

MenuSceneにButtonを追加、配置する

1. MenuScene直下のCanvasを右クリック→Create→UI Compornent→Buttonを選択する
2. StartButtonにリネームする
3. インスペクターのAddComponentからcc.Widgetを追加する
4. 画像と同じ設定をする
   

ボタンにテキストを追加する

1. ヒエラルキーパネルのStartButton選択する
2. 子ノードのLabelを選択する
3. インスペクターのcc.Label内のstringにGAME STARTと入力する
4. ボタンのサイズやフォントサイズを任意のサイズに変更する

テキストが表示されない場合

SceneRootがMenuSceneのCanvasより下に配置されていると、裏側に隠れている場合があります。
並び替えてMenuSceneを読み込み直すと表示される場合があります。

まとめ

これでボタンが配置できました🎉
フォントを変えたり、ボタンのデザインを変えたりはまた別の機会に。