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

**URL:** https://guild.rpgmakerofficial.com/t/topic/51
**Category:** チュートリアル
**Tags:** 日本語, tutorial
**Created:** [2025 年 6 月 4 日午前 11:11 UTC](https://guild.rpgmakerofficial.com/t/topic/51 "2025-06-04T11:11:35Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![GGG-Administrator](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/ggg-administrator/32/6_2.png) [@GGG-Administrator](https://guild.rpgmakerofficial.com/u/GGG-Administrator)
#### Post date: [2025 年 6 月 4 日午前 11:11 UTC](https://guild.rpgmakerofficial.com/t/topic/51/1 "2025-06-04T11:11:35Z")

</div>

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

## コース開始の事前準備

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

---

<div class="post-metadata">

### Author: ![GGG-Administrator](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/ggg-administrator/32/6_2.png) [@GGG-Administrator](https://guild.rpgmakerofficial.com/u/GGG-Administrator)
#### Post date: [2025 年 6 月 4 日午前 11:57 UTC](https://guild.rpgmakerofficial.com/t/topic/51/2 "2025-06-04T11:57:00Z")

</div>

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

1. 新しいシーンタブを開き、ゲームシーンを作成してください。作成したらtitleと名前をつけて保存しておきましょう。  

2. UIノードの子として、ColorRectノードを追加してください。  

3. メニュー表示領域を覆うようにColorRectを拡大します。  

4. 白では眩しいのでColorプロパティで黒くしましょう。  

5. UIノードの子として、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キーを押せばゲームシーンに遷移するはずです。

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

特定のシーンを開いた状態でテストプレイボタンの近くの 🎬かF6キーを押すことで現在のシーンを実行することができます。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/3244c681818413e19be497b4e138430b83ff8bb6.png)  
しかし、その状態ではシーン遷移が正常に動作しない可能性がありますので、シーン遷移も含めたテストをしたい場合はテストしたシーンをシーン遷移タブでスタートシーンとしてテストすることをおすすめします。

---

<div class="post-metadata">

### Author: ![GGG-Administrator](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/ggg-administrator/32/6_2.png) [@GGG-Administrator](https://guild.rpgmakerofficial.com/u/GGG-Administrator)
#### Post date: [2025 年 6 月 4 日午後 1:58 UTC](https://guild.rpgmakerofficial.com/t/topic/51/3 "2025-06-04T13:58:20Z")

</div>

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

1. game\_sceneタブに切り替えてください。BaseLayerの子としてPortalを作成します。  

2. ポータルのプロパティを設定します。右の入力があったとき、と設定します。移動先のシーンはシーンパスは空欄のまま次にいきます。  

3. 入場エフェクトの入場タイプ、退場タイプをBLACKにしておきましょう。  

4. CollisionMaskに2を追加しましょう。サンプルプレイヤーのレイヤーは2になっているため、マスクが1だけでは衝突できないためです。  

5. Portalの座標をステージの右端に持っていきましょう。この時、 **PortalCollisionではなくPortalノード自体を移動** するようにしてください。Portalノードの位置が移動先になります。

6. PortalCollisionがでかすぎるので横幅を小さくしましょう。あまり大きいと接触が暴発してしまうかもしれません。  

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. グラフィックコース**  
自分が描いたキャラクターを動かしたい！という人向けのコースです。

> [@チュートリアル: グラフィックコース#1 背景とタイル](https://guild.rpgmakerofficial.com/t/topic/27):
>
> こちらは、まずは自作の画像で色々やってみたい！という人向けのチュートリアルコースです。 このチュートリアルコースを受講する前に、 完了することをおすすめします。 なお、このコースでは、最初のチュートリアルで利用したプロジェクトを引き続き使用しますので、削除してしまった方は改めてチュートリアル開始よりチュートリアルプロジェクトをご用意ください。

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

> [@チュートリアル: 表現強化コース #1 パーティクルを使おう。](https://guild.rpgmakerofficial.com/t/topic/52):
>
> こちらは、まずは色々な表現を使ってみたい！という人向けのチュートリアルコースです。 このチュートリアルコースを受講する前に、 を完了することをおすすめします。 なお、このコースでは、最初のチュートリアルで利用したプロジェクトを引き続き使用しますので、削除してしまった方は改めてチュートリアル開始よりチュートリアルプロジェクトをご用意ください。
