# チュートリアル：「ACTION GAME MAKER をゼロから使う」— 第1章

**URL:** <https://guild.rpgmakerofficial.com/t/topic/1091>\
**Category:** チュートリアル\
**Tags:** tutorial, 中文\
**Created:** [2026 年 1 月 13 日午前 5:34 UTC](https://guild.rpgmakerofficial.com/t/topic/1091 "2026-01-13T05:34:39Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:34 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/1 "2026-01-13T05:34:39Z")

</div>

## 第1章：GodotエンジンとACTION GAME MAKERの理解

### まえがき

このチュートリアルは、 **ゲーム開発の経験もプログラミングスキルもまったくない** けれど、それでも本格的なゲームを作りたいというユーザーを対象としています！  
あなたは段階的に、最も基本的な内容から始めて、 **ACTION GAME MAKER** を使ってゲームを作る方法を学んでいきます。

第1章では、実際にゲーム制作を始める前に、いくつかの必要な背景知識を学びます。

- **ACTION GAME MAKERとはどんなツールなのか？**
- **その基盤となっているGodotエンジンとは、どのようなゲームエンジンなのか？**
- **Godotエンジンの基本機能の使い方**

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:34 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/2 "2026-01-13T05:34:46Z")

</div>

# ACTION GAME MAKER と Godot エンジン

## ACTION GAME MAKER とは？

ACTION GAME MAKER は **Godot Engine** をベースにカスタマイズ開発されたツールです。  
Godot Engine は Unity や Unreal と同様、主要な「ゲーム開発ソフトウェアツール」であり、通常は **ゲームエンジン** と呼ばれます。

ACTION GAME MAKER は特別に最適化されており、 **プログラミング知識がまったくない人でも** 、ゲームを作成できます。

* * *

## Godot エンジンとは？何ができるの？

Godot Engine は近年、人気が急速に高まっているゲームエンジンです。

これは **汎用的なゲームエンジン** で、Unity や Unreal Engine と同レベルの強力な機能を持ち、ほぼあらゆる種類のゲームを作成可能です。

Godot を使えば、PC ゲームだけでなく、スマートフォン向けゲームや、Nintendo Switch などのプラットフォーム向け作品も開発できます。  
すでに Godot で作られたゲームの例を知りたい場合は、以下の公式ショーケース動画をご覧ください。

👉 公式ショーケース

[![](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/c/c7d7bf1648df398fdb2980272fe9a4cd88bf39d1.jpeg "Godot Engine – 2024 Showreel") ](https://www.youtube.com/watch?v=n1Lon_Q2T18)

Godot Engine は非常に柔軟で、ほぼあらゆるゲームのアイデアを実現できるツールです。  
ただし、 **通常はプログラミング知識が必要** で、その機能を十分に活用するにはそれなりのスキルが求められます。

ここが **ACTION GAME MAKER** の価値です。  
専用の **ビジュアルスクリプティングシステム（Visual Scripting）** を提供することで、プログラミングの知識がないユーザーでも、Godot エンジンの強力な機能を最大限に活用できます。

Godot の **2D 機能がすべて利用可能** であるため、ACTION GAME MAKER で作成するゲームは、公式ショーケースで紹介されている作品と **同等のクオリティの 2D ゲーム** を作成できます。

* * *

## ビジュアルスクリプティングでどのようなゲームが作れる？

「Godot は強力だけど、ビジュアルスクリプティングだと、コードを書く場合よりも作れるゲームの種類が制限されるのでは？」と心配されるかもしれません。

ACTION GAME MAKER のビジュアルスクリプティングシステムは、前作 **Action Game Maker MV** から継承されています。  
その高い柔軟性により、クリエイターたちはプラットフォームアクションゲームだけでなく、シューティングゲーム、格闘ゲーム、パズルゲーム、RPG など、さまざまなジャンルの作品を制作しています。

実際、 **前世代のシステムで制作されたゲームのうち、60作品以上がNintendo Switch™で正式に発売されています** 。

👉 ショーケース動画を見る

[![](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/5/5e4abcc1bee242c63541d1fd2136370fa4444f12.jpeg "[PV]Nintendo Switch ツクールシリーズ タイトル　2022/08（Pixel Game Maker Series）") ](https://www.youtube.com/watch?v=LBOre4x3nxM)

ACTION GAME MAKER は、この実績あるビジュアルスクリプティングシステムに、Godot の先進的な機能を組み合わせてさらに進化させたツールです。

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:35 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/3 "2026-01-13T05:35:26Z")

</div>

# まず、Godot エンジンに慣れましょう

ACTION GAME MAKER を使用する前に、まずは **Godot エンジン** の基本操作を実際に体験してみましょう。  
ACTION GAME MAKER は本質的に Godot エンジンに機能を追加したものであるため、 **コア UI は完全に同じ** であり、操作方法も標準的な Godot と一致しています。

* * *

## 新しいプロジェクトを作成する

ACTION GAME MAKER を起動すると、 **Launcher（起動画面）** という名前の画面が表示されます。  
ここでは、自分の **プロジェクト（Project）** を管理できます。  
「プロジェクト」とは、ゲーム制作時の **作業スペース** と考えてください。

1. 左上にある **+ New Project** をクリックします。
2. プロジェクト名を入力します — ここでは例として **Tutorial** とします。

- 注意：プロジェクト名はゲームの名前にもなるため、 **明確で意味のある名前** を使用することをおすすめします。 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/0/04433f3f3920db2c72544567b4ea585eb5c9da0b.png)

1. **Create and Edit** ボタンをクリックします。

ここで作成したプロジェクトは、以下のフォルダに保存されます：  
`UserName\\Documents\\ActionGameMaker\\{ProjectName}`

* * *

## Godot の基本概念：「シーン（Scene）」と「ノード（Node）」

エディタの操作を始める前に、Godot ゲーム開発において非常に重要な2つの基本概念 — **シーン（Scene）** と **ノード（Node）** — を理解しましょう。

Godot では、 **シーン** を作成し、その中に **ノード** を配置することでゲームを構築します。

これは少し抽象的に聞こえるかもしれませんが、 **遊園地** を例に説明しましょう：

- **シーン（Scene）** は、遊園地にあるアトラクションのようなものです。
- **ノード（Node）** は、そのアトラクションを構成する個々の部品です。

たとえば、ジェットコースターのアトラクションでは、レール、支柱、車両など、すべてが **ノード（Node）** です。

自分の **プロジェクト（Project）** に次々とアトラクション（シーン）を配置していくことで、最終的に完成した遊園地 — つまり、あなたが段階的に構築していく完全なゲーム — が完成します。

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:39 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/4 "2026-01-13T05:39:51Z")

</div>

# Godot インターフェースのレイアウト

この時点で、以下のような画面が表示されているはずです。これが **Godot** の基本的なインターフェースであり、同時に **ACTION GAME MAKER** の基本的なインターフェースでもあります。

* * *

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/2/2c7726231bacdbafeb27c55fcc71f31b45999e3d.png)

## メインインターフェースの構成

全体のインターフェースは複数の領域に分割されており、それぞれが特定の用途を持っています。

一見するとパネルが多く、構造が複雑に見えるかもしれませんが、Godot のインターフェース設計は非常にシンプルな原則に従っています：

**「左側で選択、中央で確認、右側で調整。」**

 ![画面構成EN](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/4/48c7eca63048c3bbd7b6ac7545577fa2514b8fee.png)

* * *

### 左側パネル

- **Scene（シーン）** ：  
現在のシーンに含まれるすべてのノードの一覧を表示します。
  - 遊園地に例えると、あるアトラクションがどのような部品で構成されているかを確認するイメージです。

- **FileSystem（ファイルシステム）** ：  
プロジェクト全体で利用可能なすべてのアセットリソースを表示します。
  - 遊園地の例で言えば、さまざまな建築材料を保管し、いつでも取り出せる倉庫エリアに相当します。

* * *

### 中央パネル

- **Editor View（エディタビュー）** ：  
シーン全体の画面を表示します。
  - ここでは、各部品を配置・並べ替えながら、徐々に完成形のアトラクションを構築していきます。

* * *

### 右側パネル

- **Inspector（インスペクター）** ：  
Scene パネルで選択したノードの詳細情報を表示します。
  - ここで選択した部品のさまざまな属性を調整できます。たとえば、ジェットコースターの色を変更したり、最高速度を調整したりできます。

* * *

インターフェースには他にもいくつかのパネルがありますが、現段階ではこの基本構造を覚えておくだけで、より簡単に理解・操作できるようになります。

次に、実際に手を動かして操作してみましょう。

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:42 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/5 "2026-01-13T05:42:25Z")

</div>

# シーンの作成

まず、シーンの\*\*ルートノード（Root Node）\*\*を作成する必要があります。  
名前の通り、ルートノードはシーンの基盤（「根」）です。これにより、次に構築する内容の種類（たとえば、アトラクション、ショップ、またはその他のもの）が決まります。

1. 画面左上にある **Create Root Node** をクリックし、 **2D Scene** を選択します。

このとき、 **Create Root Node** のラベルは **Node2D** に変わります。  
これがあなたのルートノードです。

Node2D は2D画面の基本ノードであるため、これはつまりあなたが次のように決めたことを意味します：  
_「私は2Dゲームを作ります。」_

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/4/434d8de5075fdd97668f7b39a3971c89ba63450b.png)

* * *

## シーンの保存

エディタウィンドウの左上には、 **unsaved（未保存）** とラベルされたタブが表示されています。  
シーンを作成しただけでは自動的に保存されませんので、今すぐ保存しましょう。

1. **unsaved** と書かれたタブを右クリックします。

2. メニューから **Save Scene As…（シーンを別名で保存）** を選択します。

3. ファイルブラウザウィンドウが開きます。これは **FileSystem（ファイルシステム）** と呼ばれ、プロジェクト内のフォルダやファイルを表示します。

- これを、遊園地のすべての建材を保管する倉庫だとイメージしてください。

1. デフォルトのファイル名は **node2d.tscn** です。このまま使用すると、後で見つけにくくなる可能性があります。  
ファイル名を **test\_scene.tscn** に変更して保存してください。

- **AGMaker** という名前のフォルダが表示される場合があります。  
これは ACTION GAME MAKER の内部データ専用ディレクトリですので、選択しないでください。  
現在の階層にそのままシーンを保存してください。

1. 保存が成功すると、タブの **unsaved** は **test\_scene** に変わり、  
左下の **FileSystem** パネルにも **test\_scene.tscn** がリストに表示されます。

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:46 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/6 "2026-01-13T05:46:59Z")

</div>

# シーンにノードを追加する

次に、 **ノード（Node）** の操作方法を学びます。  
新しいノードを作成し、ゲームの世界に配置して、カスタマイズしてみましょう。

まず、シーンに **矩形** を配置します。

これは、以前に紹介した基本原則の最初のステップに該当します：  
**「左側で選択、中央で確認、右側で調整。」**

* * *

## 矩形（ColorRect ノード）を追加する

1. シーンに矩形を描画するためのノードを追加します。

2. 左上の Scene（シーン）パネルで、 **「+」（Add Child Node）** ボタンをクリックします。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/a/a0a683a7074d0e3814b7ad873e9ab35d613a68c6.png)

1. 上部の検索バーに **ColorRect** と入力し、表示されたノードを選択します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/2/263d3a166b1e31cafd3a1913c79e5f3521f371dc.png)

1. **Create（作成）** ボタンをクリックします。

2. 中央のエディタウィンドウに、白い矩形が表示されます。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/9/9df1ab1122a4f44236e194f82d92025207b40e77.png)

* * *

## シーンをテスト実行する

1. さっそくこのシーンをテスト実行してみましょう。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/3/3dbfb967cf86f3f00b18d8711255d50ba32f0966.png)

⚠ **「Run Project（F5）」** は使用しないでください。これは他のシーンを起動します。  
ここでは必ず **「Run Current Scene」** を使用してください。

1. 新しいウィンドウが開きます。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/b/bca7cb8e769020a42427b8d04c2a3ca8bee4617f.png)

1. 表示を確認したら、右上の **X ボタン** をクリックしてウィンドウを閉じます。

👉 何も表示されない場合：

- ウィンドウを閉じた後、再度 **Run Current Scene（F6）** でシーンを実行してください。
- それでも表示されない場合は、矩形の位置を誤って移動してしまった可能性があります。  
以下の手順を進めてから、もう一度確認してください。

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:47 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/7 "2026-01-13T05:47:53Z")

</div>

# エディタビューの操作を試してみましょう

現在、白い矩形は画面の左上に固定されており、あまり理想的ではありません。  
**Editor View（エディタビュー）** はシーンのプレビュー画面であるため、まずはここでの表示方法を調整しましょう。

これは基本原則の2番目のステップに対応します：  
**「左で選択、中央で確認、右で調整。」**  
の **「中央で確認」** です。

* * *

## ビューの拡大縮小

1. まず、プレビュー画面を拡大縮小してみましょう。

* * *

## プレビュー画面の移動

1. 次に、プレビュー画面の位置を移動します。

2. 拡大縮小と移動を組み合わせて、 **青い矩形** （ゲーム画面領域）が  
**緑と赤の十字線** （この点を「原点」と呼びます）の近くにちょうど収まるようにビューを調整します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/d/d608398f42ddaf680ee02850994aebcd54a49f11.png)

- 現在、ColorRectノードで作成された白い矩形は青い領域の左上に位置しているため、  
テスト実行時には画面の左上に表示されます。

* * *

# 白い矩形を移動する

次に、白い矩形を **ゲーム画面の中央** に移動します。

1. **ColorRectノード** をクリックして選択します。

2. エディタの上部で、 **Move Mode（移動モード、W）** に切り替えます。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/1/167baaa56511577a74dccc2a121c6effdd17e05f.png)

1. このモードでは、選択したノードの位置を移動できます。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/d/d3d2d0d2d10729193b14d75487286f79fce4ac19.png)

1. 右上の **Run Current Scene（F6）** を再度クリックして、テスト実行します。

2. 移動が成功していれば、矩形は現在 **ゲーム画面の中央付近** に表示されるはずです。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/6/677684012273b4915cff1955b28641ce2dfa6b5b.png)

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:49 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/8 "2026-01-13T05:49:42Z")

</div>

# Inspector で白い矩形（ColorRect）の色を変更する

現在、 **ColorRect ノード** はまだ純白です。  
しかし、このノードの機能の一つは、自由に色を変更できることです。  
次に、他の色に変更してみましょう。

これは基本原則の最後のステップに該当します：  
**「左で選択、中央で確認、右で調整。」**

* * *

## 操作手順

1. 左側の **Scene（シーン）パネル** で、 **ColorRect ノード** を選択します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/0/021f5cb5872ec307ac46d818c69eb794b01d96b3.png)

1. 右側の **Inspector（インスペクター）パネル** を確認すると、多くの設定項目が表示されます。

2. 変更したいプロパティは非常に簡単に見つかります：  
最上部にある **Color（色）** を探します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/c/ce997546ede39cb792bd0e72e049762788e98ec1.png)

1. 色選択ウィンドウが表示されます。  
色を設定する方法はいくつかありますが、最も簡単なのはデフォルトの **RGB モード** です。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/b/b450f415c12b48a0addd60fe2c989e60ef6f1a34.png)

- RGB はそれぞれ **Red（赤）、Green（緑）、Blue（青）** を表します。
- ディスプレイは、この3色の光を混ぜ合わせてすべての色を表示しています。

**豆知識（TIPS）：**  
あなたはこう思うかもしれません：_「3色を混ぜ合わせたら、黒になる shouldn’t ですか？」_

- それは絵の具の場合の話ですが、ここでは **光** を扱っています。
- 2つの光が重なると、その明るさが加算され、結果としてより明るくなります。
- このような混色方法は **加色混合（Additive Color Mixing）** と呼ばれます。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/3/39fe0711b8c72ce071d2586204908e032af456a6.png)

1. テストとして、 **R（赤）** の値を **255 から 0** に変更します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/9/9e3d29e044d480842a4c51b9c57fb52edc604e60.png)

- 上図のように、矩形は緑と青が混ざった **シアン（Cyan）** になります。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/9/990972a2d981e1ae9dd176df79476d0c46d66137.png)

1. このように、右側の **Inspector** でノードのさまざまな **プロパティ（Property）** を調整することで、  
ノードの外観や動作を自由にカスタマイズできます。

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:50 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/9 "2026-01-13T05:50:53Z")

</div>

# シーンに画像を描画するためのノードを追加する

次に、 **ノード（Node）** の使い方をさらに深く学びます。

シーンに複数のノードを配置すると、何が起こるでしょうか？  
実際に試してみましょう。

今回は、単なる矩形ではなく、 **画像** を配置します。  
为此、 **Sprite2D** — 2D画像（Sprite）を表示するためのノード — を使用します。

* * *

## Sprite2D ノードを追加する

1. 左側の **Scene（シーン）パネル** で、 **Node2D** を選択します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/7/70b814eb21f2e34d23bc28aa30b4f573690cd86d.png)

- このステップは非常に重要です。なぜなら、 **新しく追加されるノードは、現在選択されているノードの子ノードとして追加される** からです。
- **子ノード（Child Node）** とは、ある親ノードに属するノードのことです。
- 過山車に例えると、車輪や座席などの部品（子ノード）はすべて過山車の車両（親ノード）に属しています。
- Sprite2D を ColorRect の子ノードにしたくないため、ここでは **Node2D** を選択します。

1. **Node2D** が選択された状態で、左上にある **「+」（Add Child Node）** ボタンをクリックします。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/6/63b58058256cf701c8611fbdaaddd38f22e7214e.png)

1. 検索バーに **Sprite** と入力し、 **Sprite2D** を選択します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/e/e1f7cbb89d70fa4c9d9d59dcf5364301dd022f0b.png)

1. **Create（作成）** ボタンをクリックします。

- すると、Scene パネルに **Sprite2D** が追加されているのが見えます。
- しかし、画面上では何の変化も見られません。
- これは、まだどの画像を表示するかを指定していないためです。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/0/0673a901fd17180fe24fcd1d373fb1481962985d.png)

* * *

## テクスチャ（Texture）を設定する

1. **「左側で選択、右側で調整」** の原則に従い、Scene パネルで **Sprite2D** を選択し、  
右側の **Inspector（インスペクタ）パネル** を確認します。

2. 必要なプロパティは一番上にあります： **Texture（テクスチャ）** 。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/c/c9685d39c4e2eaabc959c3c2e56ca61d6dfe0224.png)

- **テクスチャ（Texture）** は、ゲームオブジェクトに貼り付けるステッカーやパターンと考えてください。

1. Texture の横にある と書かれたボックスをクリックします。

- メニューが表示され、下にスクロールして一番下の **Load（読み込み）** をクリックします。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/e/e04e7ce8dbe95f4c06aae7d66c6b0c06c274097d.png)

1. ファイル選択ウィンドウが開きます。ここには2つの項目しか表示されません：

- **AGMaker** という名前のフォルダ
- **icon.svg** という名前の画像ファイル

これらは ACTION GAME MAKER プロジェクトを作成した際に自動的に生成されたものです。

⚠ 注意：  
ここに表示される内容は、左下の **FileSystem（ファイルシステム）パネル** に表示されている内容と同じです。

- **test\_scene.tscn** のようなファイルは表示されません。  
なぜなら、画像ファイルではないため、フィルタリングされているからです。

Godot エンジンでは、プロジェクトの **FileSystem** 内に保存されたアセットのみを使用できます。

- パソコン内の任意の場所にあるファイルを直接読み込むことはできません。
- 遊園地の例で言えば、アセットはまずプロジェクトの倉庫（FileSystem）に収納されなければ、使用できません。

1. ここで、 **icon.svg** を選択します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/7/7dacd050e0ea63c359a2516af43cb075445e2380.png)

- アイコンが青い矩形の左上隅に表示されるはずです。  
つまり、赤と緑の十字線が交差する位置です。
- おめでとうございます — 画像（icon.svg）を **テクスチャ（Texture）** として  
Sprite2D ノードに適用することができました。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/f/f8e682fea3667ce479f14e7d274b02fcc9bbcef8.png)

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:51 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/10 "2026-01-13T05:51:51Z")

</div>

# ノードの描画順序を理解する

**Scene（シーン）パネル** で **Sprite2D** を選択します。  
次に、エディタビューで **Move Mode（移動モード）** を使用して、  
それを薄い青色の矩形と重なる位置までドラッグします。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/c/c02dc66b20f7ac1767edd852a9fba6b3fd556dc4.png)

このとき、画像が **薄い青色の矩形の上に表示される** はずです。  
これは、Godot において、 **Scene パネルで下に位置するノードほど、前面に描画される** ためです。

* * *

## 描画順序の変更

次に、実際に順序を変更して、何が起こるか見てみましょう：

1. Scene パネルで、 **Sprite2D** をクリックしてドラッグします。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/4/411384cb4065b943df443a201d1e4b52d2ada367.png)

1. それを **ColorRect** と **Node2D** の間に配置します。

これで、薄い青色の矩形が **アイコンの前面に表示される** ようになります。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/6/61b818a5166829291deff7c6aa038deafeea7968.png)

* * *

## 重要なルール

Godot では：

**「Scene パネルでノードの位置が下にあるほど、ゲーム内で前面に表示される。」**

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:52 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/11 "2026-01-13T05:52:58Z")

</div>

# 子ノード（Child Node）の概念を学ぶ

以前、\*\*子ノード（Child Node）\*\*という概念について触れました。  
では、実際に操作して、それが具体的に何を意味するのか見てみましょう。

今回は、 **Sprite2D** を **ColorRect** の **子ノード** に設定します。

* * *

## 操作手順

1. Scene（シーン）パネルで、 **Sprite2D** をクリックしてドラッグし、  
それを **ColorRect** の上にドロップします。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/6/6b9836b233177c4f75f3bc9e9435a33e7fe185c6.png)

1. 表示が以下のように変化します：

- **Sprite2D** は Scene パネルで少し右にインデントされ、 **ColorRect** の下に表示されます。
- これは、 **ColorRect の子ノード** になったことを意味します。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/0/0fe682bd8d9b05f71f6dca5f622aa2ee2bc6a2ad.png)

1. 子ノードは親ノードの下に表示されるため、  
以前に述べたルール  
_「Scene パネルで下にあるノードほど、前面に描画される」_  
に従って、シーン内では **Sprite2D** は依然として **ColorRect** の前面に描画されます。

2. 次に、\*\*親ノード（Parent Node）\*\*を移動させたときに何が起こるかをテストします。

3. Scene パネルで **ColorRect ノード** を選択し、  
エディタビューで **Move Mode（移動モード）** に切り替えます。

 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/a/ad569108006fd33acfa34e99fadbfadfe84e926e.png)

1. 設定が正しければ、 **ColorRect** を移動させると、  
**Sprite2D** も一緒に移動します。

2. ノードを子ノードにすることで、親ノードの一部としてグループ化し、一括で操作できます。  
この例では、 **Sprite2D** は **ColorRect** の付属部品のようなものです。

---

<div class="post-metadata">

**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\
**Post date:** [2026 年 1 月 13 日午前 5:54 UTC](https://guild.rpgmakerofficial.com/t/topic/1091/12 "2026-01-13T05:54:04Z")

</div>

# 第1章 レビュー

これで、Godotの基本概念と基本操作を学びました。  
第1章では、ノードを作成・操作することで、以下の重要なポイントを習得しました：

- **Godotでは、シーン（Scene）にノード（Node）を配置することでゲームを構築します。**

- **インターフェースは「左で選択、中央で確認、右で調整」という操作ルールに従います。**

- **Sceneパネルでリストの下にあるノードほど、ゲーム画面では手前に表示されます。**

次に、ついに「ゲームのように動く」段階に入ります。  
つまり、 **スクリプト（Script）** と呼ばれるものを使って、あなたのアトラクションを実際に遊べる状態にします。

ただし、Godotエンジンでは通常、スクリプトを書くには **プログラミングの知識** が必要です。  
プログラミングをゼロから学び、段階的にプロジェクトを「本格的なゲーム」のレベルまで高めるには、多くの時間がかかることが多いです。

しかし、心配はいりません！  
**ACTION GAME MAKERのビジュアルスクリプトシステム（Visual Scripting）** を使えば、  
すぐにゲーム制作を始められます —— **プログラミングの知識は一切不要です** 。

これがACTION GAME MAKERが存在する意味です：  
**プログラミングができない人でも、Godotを使ってゲームを作れるようにする。**

* * *

## 次章予告：第2章

第2章では、正式に **ACTION GAME MAKERのビジュアルスクリプト（Visual Script）** の使い方を学びます。

👉 ここをクリックして続きを読む

> [@教程：“从零开始使用 ACTION GAME MAKER”—第 2 章](https://guild.rpgmakerofficial.com/t/topic/1092?u=moonling):
>
> 教程：“从零开始使用 ACTION GAME MAKER”——第 2 章 第 2 章：来制作一个简单的关卡吧！ 第 2 章的目标 从这里开始，我们将正式着手制作一款动作射击游戏。 在本章中，我们将一步步完成一个简单关卡的制作，在这个关卡中： 玩家角色可以行走和跳跃。 完成本章后，你将能够做出类似下面示例的视频内容。 [[「0からはじめるACTION GAME MAKER」…](https://www.youtube.com/watch?v=jH91fQF0QtA)