【第9回】タイトル画面＆ゲーム開始処理の作り方

前回までの作業でスコア機能が付き、今回のゲームもそれなりに遊べるレベルになりました。ただし現状ではいきなりゲームが始まってしまうので不親切です。せめてタイトル画面くらいは用意しておきたいものですよね。

そこでここではタイトル画面のUIを作り、さらにVisual Scriptingでゲーム開始処理も作っていきましょう。

タイトル画面のUIの作り方

ではまずはタイトル画面に使うUIを作ります。前回までと同様に新しいキャンバスを作り、下の画像のような感じになるようにテキストを配置してください。

次にVisual Scriptingを使ってゲーム開始処理を作ります。今回は新しく空のゲームオブジェクトを作り、そこにScript Graphをアタッチして編集してください。

最初にゲーム開始処理に必要な変数を用意します。次の4つの変数をVariablesコンポーネントに作成しましょう。

できたら各変数に、既に作ってある同じ名前のゲームオブジェクトを登録しておいてください。

そうしたらVisual Scriptingのグラフエディタでゲーム開始処理を作ります。下の図のようにユニットをつなげていってください。

やっていることは簡単で、ジャンプ用のキーが押されたら

という処理を行っているだけです。

さて、ここまでできたらあとは「タイトル画面が出ているときにあると困るゲームオブジェクトやコンポーネント」を予め無効にしておくだけです。

のゲームオブジェクトをそれぞれ非アクティブ状態にして、さらにスコア用キャンバスの「Canvas」コンポーネントのチェックを外して無効化しておきましょう。

では最後にテストプレイして動作を確認してみましょう。下のGIFのようにSpaceキーを押したらゲームが始まるようになっていれば成功です。

（クリックで再生）