チュートリアル: 【Godotモード】「0からはじめるACTION GAME MAKER」第五章

「タイトル画面」を設定しよう

それではタイトル画面を設定しましょう。

新しいゲームシーンとしてタイトル画面を作り、タイトル画面で操作をすればstage1が始まる、という形が良いでしょう。

ACTION GAME MAKERには専用のシーン遷移(SceneTransition)機能があり、これを使うことで設定ができます。

では、「タイトル画面」ゲームシーンを作り設定し、「シーン遷移」で2つのシーンを繋いでいきましょう。

「タイトル画面」の機能について考える

今回はシンプルなゲームなので、タイトル画面は、背景に文字が表示され、BGMが流れているシーンで、ジャンプ(Zキー)を押すとstage1が始まる形にしましょう。つまり、新しいゲームシーンを作り、Sprite2DでUIシーンにタイトル背景を設定、タイトルロゴを表示し、音を再生するUIゲームオブジェクトを配置。という形で実現できそうです。

ヴィジュアルスクリプトと同様、「シーン遷移」でも特定のキー入力でシーンが変わる、という設定ができるので、ジャンプでの遷移はそちらで設定できます。

「タイトル画面」用ゲームシーンを作成しよう。

1. 新しいシーンタブを開き、ルートノードを作成:で「ゲームシーン」を選択します。

2. 作成できたらシーンを保存します。今回はタイトルなので「title_scene.tscn」として保存しましょう。

「タイトル画面」用ゲームシーンに背景を設定しよう。

1. タイトルシーンの背景画像は以下のものを使いましょう、右クリックしてPCに保存してください。

2. PCからファイルシステムにtitle_bg.pngをドラッグ&ドロップで読み込みます。

3. シーン画面で「UI」レイヤーを選択します。

4. ファイルシステムのtitle_bg.pngを「SHIFTキーを押しながら」シーン画面のUIレイヤーの範囲(青線の枠内)に配置します。SHIFTキーを押しながらドロップすることで、選択したノード、今回であれば「UI」レイヤーの子として配置されます。

5. 正しくUIレイヤーの子として配置できているか確認しましょう、もしずれていたらシーンレイヤーでTitleBgノードをドラッグして正しい位置に配置しましょう。

6. さて、この背景画像はカメラのサイズとピッタリ同じサイズである、幅1152、高さ648に設定しています、つまり、少しずれてしまうと背景の灰色が見えてしまいますのできれいに配置を調整しましょう。シーンウィンドウでTitleBGノードを選択した状態とします。

7. インスペクターの「トランスフォーム」項目を展開しましょう。

8. 位置プロパティのxを576、yを324にしましょう。デフォルトでは画像の中央が基準点になっているので、カメラのサイズである幅1152、高さ648の半分の値に配置すればきれいに収まることになります。