チュートリアル:スクリプトコース #5 - シーン遷移を作成しよう

このコースでは、ACTION GAME MAKERでのスクリプトの基礎を学びます。

パート5では、シーン遷移を作成します。


コース開始前の準備

パート1から4と同じプロジェクトを引き続き使用します。
開始するには、プロジェクトを開いてください。

ステップ 1:タイトル画面の作成とシーン遷移による移動の試行

  1. 新しいシーンタブを開き、新しいゲームシーンを作成します。
    名前を title にして保存します。
  2. UI の下に ColorRect ノードを追加します。
  3. ColorRect を拡大してメニュー表示領域全体を覆うようにします。
  4. 白は明るすぎるため、Color プロパティを黒に変更します。
  5. UI の下に Label ノードを追加します。これはテキスト表示に使用されます。
  6. Text プロパティに "SAMPLE GAME PROJECT PRESS A START" と入力します。
  7. 新しい LabelSettings を作成し、フォントサイズを 80 に設定します。
  8. 水平配置を中央に設定し、Label を画面のほぼ中央に移動させます。
  9. これで非常にシンプルなタイトルシーンが完成しました。
    次に、上部の シーン遷移 タブに切り替えます。
  10. title.tscn シーンを game_scene の左側に配置し、ビジュアルスクリプトのように title から game_scene へのリンクを接続します。
  11. 切り替え条件 で、A ボタン入力でトリガーされるように設定します。
  12. 遷移前と遷移後のエフェクトの両方を BLACK に設定します。
  13. Title を右クリックし、開始シーンとして設定 を選択します。
  14. テストプレイを行います。設定が正しければ、タイトル画面が表示され、A ボタンまたは Z キーを押すとゲームシーンに遷移します。

複数のシーンが存在する場合のテスト

特定のシーンが開いている状態で、テストプレイボタンの近くにある :clapper_board: アイコン(または F6 キー)を押すと、そのシーンだけを実行できます。
image

ただし、このモードではシーン遷移が正しく機能しない場合があります。
遷移もテストしたい場合は、シーン遷移タブでそのシーンを 開始シーン に設定し、そこからテストすることをお勧めします。

ステップ 2: ポータルを使用してシーン間を移動する

  1. game_scene タブに切り替えます。UI の下に新しい Portal ノードを作成します。
  2. ポータルのプロパティを設定します:
  • 入力方向に設定します。
  • ターゲットシーンパスは、とりあえず空白のままにします。
  1. エントリエフェクトエグジットエフェクトの両方を BLACK に設定します。
  2. CollisionMaskレイヤー 2を追加します。
    これは、サンプルのプレイヤーがレイヤー 2 にあるためです。マスクにレイヤー 1 のみが含まれている場合、衝突が発生しません。
  3. Portal ノード自体(PortalCollision だけでなく)をステージの最も右側に移動させます。
    Portal ノードの位置が、次のシーンのスポーン場所を決定します。
  4. PortalCollision のサイズを変更して、誤作動を防ぐために狭くします。
  5. 次に、移動先のシーンを作成します:
  • ファイルシステムで game_scene.tscn複製し、game_scene2.tscn と名前を付けます。
  1. game_scene2 を開き、プレイヤーオブジェクトを削除します。
    そうしないと、プレイヤーが二度表示されてしまいます。
  2. Portal ノードをマップの左端に移動させます。
  3. PortalCollision の位置を調整します。
    Portal ノードの右側にある場合は、代わりに左側に移動させます。
  4. game_scene2 内の Portal プロパティを変更します:
  • 入力方向をに設定します。
  • ターゲットシーンgame_scene.tscn に設定します。
  • これで、game_scene 内のポータルを選択できるようになります。
  1. game_scene に戻ります
    同様に、ターゲットシーンgame_scene2.tscn に設定し、そのポータルを選択します。
  2. ゲームをテストプレイします。
    すべての設定が正しければ、2 つのシーン間を自由に移動できるようになります。

結論

これでスクリプトコースのチュートリアルシリーズは終了です。
このチュートリアルの内容は基本のみをカバーしています。
ACTION GAME MAKER のビジュアルスクリプティングを使用すれば、条件とアクションを組み合わせることで、さまざまな動作を作成することができます。

あなたの想像力次第では、開発者が予想もしなかったものを作り出すこともできるかもしれません!
何か素晴らしいものを作った場合は、SNS公式ギルドで共有してください。


他のコースを受講したいですか?

1. グラフィックスコース
オリジナルキャラクターをアニメーション化したい方のためのコースです。

3. 表現強化コース
クールな、Godot スタイルのビジュアルエフェクトを追加したい方のためのコースです。

「いいね!」 1