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

タイトルシーンの作成

シーンとは

ゲームの画面構成、カメラ、スクリプトなどの要素を内包するファイル。
今回はタイトルシーンを作成し、背景を真っ黒に変更します。

シーンの追加手順

1. 画面左下Assetsパネルで右クリック→作成→Sceneを選択
2. ファイル名をTitleSceneとしてEnter

背景(Sprite)の設定

1. 作成したTitleSceneをダブルクリック
2. ヒエラルキーパネル(左上)がTitleSceneに置き換わったことを確認する
3. Canvasを右クリック→Create→２D Object→Spriteを選択
4. Spriteを右クリック→RenameでBackgroundに変更する

背景を真っ黒にする

1. ヒエラルキーパネルでSpriteを選択する
2. 右側のインスペクタパネルでSpriteの設定を調整する
3. cc.SpriteのColorでSpriteを黒くする

背景サイズをCanvasに合わせる

1. cc.UITransformのContent Size、Anchor Pointをすべて0にする
2. 下部のAdd Componentを選択する
3. Search NameにWidgetと入力する
4. UIのWidgetを選択する
5. Horizontal Aligment、Vertical Aligmentを画像と同じ内容にする
   

まとめ

これでシーン作成は終わり。
画面上部のPreview in Crowserを選択しTitleSceneに変更して▶️ボタンを押すとブラウザで確認できます。

その状態でcc.SpriteのColorを変更してcommand + sで保存をすると、色が変わることを確認できるかと思います。
※初期設定のままなので、デフォルトのSpriteが表示されます。