チュートリアル: スクリプトコース#5 シーン遷移を作ってみよう。

このコースでは、ACTION GAME MAKERでの基本的なスクリプト作成方法を学んでいきます。
第五回では、シーン遷移を作っていきます。

コース開始の事前準備

第一回~第四回で使用したプロジェクトを引き続き利用します。
それではプロジェクトを開いて準備してください。

STEP1: タイトル画面を作ろう、シーン遷移を使って移動してみよう。

  1. 新しいシーンタブを開き、ゲームシーンを作成してください。作成したらtitleと名前をつけて保存しておきましょう。
  2. UIObjectRootの子として、ColorRectノードを追加してください。
  3. メニュー表示領域を覆うようにColorRectを拡大します。
  4. 白では眩しいのでColorプロパティで黒くしましょう。
  5. UIObjectRootの子として、Labelノードを追加します。これは文字を描くノードです。
  6. プロパティのテキスト欄に"SAMPLE GAME PROJECT PRESS A START"と記入しましょう。
  7. 続いて、新しいLabelSettingsを作り、フォントサイズを80にします。
  8. 水平方向整列を中央揃えにして、Labelの位置を動かして大体真ん中あたりに調整しましょう。
  9. 非常に簡素なものですがタイトルシーンができました。上部のタブでScene Transitionに変更してください。
  10. 先ほど作成したtitle.tscnをgame_sceneより左に配置し、ヴィジュアルスクリプトと同じようにtitleからgame_sceneにリンクをつなぎましょう。
  11. 遷移条件(Switching Conditions)でAボタンの入力があったときと設定します。
  12. 遷移エフェクトとして、遷移前、遷移後ともにBLACKを設定します。
  13. Titleを右クリックしてスタートシーンに設定してください。
  14. テストプレイをしてみましょう。正常に設定できていればタイトルシーンが表示され、Aボタン、もしくはZキーを押せばゲームシーンに遷移するはずです。

シーンが複数ある際のテストプレイについて。

特定のシーンを開いた状態でテストプレイボタンの近くの :clapper_board:かF6キーを押すことで現在のシーンを実行することができます。
image
しかし、その状態ではシーン遷移が正常に動作しない可能性がありますので、シーン遷移も含めたテストをしたい場合はテストしたシーンをシーン遷移タブでスタートシーンとしてテストすることをおすすめします。

STEP2: ポータルを使ってシーンを移動してみよう。

  1. game_sceneタブに切り替えてください。ObjectRootの子としてPortalを作成します。
  2. ポータルのプロパティを設定します。右の入力があったとき、と設定します。移動先のシーンはシーンパスは空欄のまま次にいきます。
  3. 入場エフェクトの入場タイプ、退場タイプをBLACKにしておきましょう。
  4. CollisionMaskに2を追加しましょう。サンプルプレイヤーのレイヤーは2になっているため、マスクが1だけでは衝突できないためです。
  5. Portalの座標をステージの右端に持っていきましょう。この時、PortalCollisionではなくPortalノード自体を移動するようにしてください。Portalノードの位置が移動先になります。
  6. PortalCollisionがでかすぎるので横幅を小さくしましょう。あまり大きいと接触が暴発してしまうかもしれません。

    1.続いて移動先のシーンを作ります。ファイルシステムでgame_scene.tscnを複製してgame_scene2.tscnを作りましょう。
  7. game_scene2を開き、playerを削除しましょう。削除しないとプレイヤーが2人に分裂してしまうためです。
  8. Portalノードの位置をマップの左端に移動します。
  9. PortalCollisionの位置を修正します。ポータル移動後、ポータルコリジョンのサイズを変更したためずれているはずです。この画像ではPortalノードに対して右側にCollisionがあるため左側にしておきましょう。
  10. ポータルのプロパティを変更します。入力条件を右ではなく、左に変更し、ターゲットシーンとしてgame_scene.tscnを設定します。すると、game_sceneにあるポータルが選択できるので選択します。
  11. game_sceneタブに戻ります。 同様に、シーンパスにgame_scene2.tscnを設定しポータルを選択します。
  12. テストプレイしてみましょう。うまく設定できていれば、2つのシーンを自由に行き来できるはずです。

おわりに

チュートリアル:スクリプトコースの内容は以上です。
チュートリアルで解説した内容は基本的なものだけです。
ACTION GAME MAKERのヴィジュアルスクリプトでは、条件とアクションを組み合わせることで様々な動きを作ることができます。
発想次第で、私達開発チームが思いもよらなかったようなものをツクる人もでてくるかもしれません。
思いついた内容はぜひ、SNSやギルドで共有してみてください。

他のコースを受講される場合はこちら

1. グラフィックコース
自分が描いたキャラクターを動かしたい!という人向けのコースです。

3. 表現強化コース
Godotらしいカッコイイ表現をつけてみたい!という人向けのコースです。