探索する世界を作る

まずは、世界を作成する際に使用するテンプレートに触れてみましょう。まず、テンプレートのシーン のコピーを作成します：

1. Project ウィンドウで、Assets/Creator Kit - RPG/Scenes の順に移動します。

2. BlankScene テンプレートを選択します。

3. トップメニューで、Edit > Duplicate の順に進みます。

4. Project ウィンドウで、新しいシーン（BlankScene 1）を右クリックして Rename を選択します。シーンを思い出深いものにしましょう。


5. Ctrl + S（Windows）または Cmd + S（macOS）を押して変更を保存します。

6. 新しいシーンをダブルクリックして編集用に開きます。

ゲームワールドの作成を始める前に、シーンのテンプレートに触れてみましょう。

ゲームオブジェクトコレクション

Hierarchy には、シーン内のすべてのゲームオブジェクトが含まれています。タイトルに Collection を持つゲームオブジェクトは、タイルマップを作成するために使用するさまざまな要素を整理するためのコンテナです。

プレハブ化したゲームオブジェクト

ゲームオブジェクトコレクションの下には、青いアイコンのゲームオブジェクトが 3 つあります：

• Main Camera（メインカメラ）
• Controllers（コントローラー）
• Character（キャラクター）

これらのゲームオブジェクトは、ゲームを適切に動作させるために事前に設定されています。これらは プレハブ化したゲームオブジェクトであり、テンプレートのように動作し、複製して調整することができます。

UI ゲームオブジェクト

UI ゲームオブジェクトには、ユーザー インターフェイス設定を持つプレハブゲームオブジェクトが含まれています。これらはプレイヤーが画面上で見るものを制御します。例えば、キャラクターのインベントリに関連するメッセージなどです。

ワールドのゲームオブジェクト

ワールドのゲームオブジェクトには、Tilemaps という子オブジェクトとしてのプレハブが含まれています。Tilemaps の中には、ゲームのデザインに使用する 4 つのゲームオブジェクトが入っています：

• Background（背景）
• Midground（中景）
• Fences（フェンス）
• フォアグラウンド（Foreground）

RPG の世界を作るには、Tile Palette を使います。これは、背景をペイントするために使用できるイメージタイルを持つウィンドウです。始める前に、このウィンドウに触れてみましょう：

1. トップメニューで、Window > 2D > Tile Palette の順に進みます。これで Tile Palette ウィンドウが開きます：

このウィンドウを使用して、RPG の背景にペイントします。

2. Tile Palette ウィンドウ名をクリックして、Inspector ウィンドウにドラッグします。これで新しいタブにドッキングされます。

Tilemap Palette には何が含まれていますか？

この Tilemap Palette には 4 種類のタイルが用意されています：

• 背景をつくる地形（Background terrain） — 草、砂漠、水
• 家 — 壁、床
• 地形 — 小さな岩だらけの崖と高く生い茂った草
• その他のアイテム — フェンス、ダートサークル（円形の土の部分）、歩道

これらのタイルを使って、さまざまなタイルマップにペイントし、探索する世界を作ることができます。これらのさまざまなタイルマップは、互いの上に座っているレイヤーのようなもので、異なるレベルの詳細を提供していると考えてください：

• Background（背景）
• Midground（中景）
• Fences（フェンス）
• フォアグラウンド（Foreground）

Tilemap Palette でペイントする際に使える便利なツールは、 Tile Palette ツールバーとその他のショートカットの 2 つです。

Tile Palette ツールバー

このツールバーの中には、便利なツールがたくさんあります。

この Creator キットで一番役に立ったのは：


選択ツール（Select Tool）

ペイントしたいタイルを選択するためのツールです。1 つのタイルを選択することも、複数のタイルを選択することもできます。または、クリックしてタイルを選択し、ドラッグして複数のタイルを選択することもできます。

移動ツール（Move Tool）

移動ツールを使ってタイルを選択し、タイルマップ上の別の位置にドラッグすることができます。

ペイントブラシツール（Paintbrush Tool）

このツールを使うと、選択したタイルをシーンビューにペイントします。

塗りつぶしボックスツール（Fill Box Tool）

このツールを使って、 Tilemap Palette でタイルを選択したり、複数のタイルをホールドしてドラッグしたりすることができます

矩形ツールをタイルマップ上で長押ししてドラッグすると、選択したタイルで塗りつぶされた矩形が描画されます。

ピッカーツール（Picker Tool）

このツールを使って、1 つまたは複数のタイルを選択することができます。選択すると、このツールはペイントブラシツールに切り替わるので、すぐにタイルマップにペイントすることができます。

消しゴムツール（Eraser Tool）

シーンビューでペイントしたタイルを消去します。

塗りつぶしツール（Fill Tool）

このツールは、選択した 1 つ以上のタイルを使って、世界のより広いエリアをペイントするために使用することができます。

キーボードとマウスのショートカット

また、タイルマップをペイントするのに便利なショートカットもいくつかあります：

• Alt + 左ボタンでドラッグ - パン
• ホイールボタンのドラッグ-パン
• ホイールボタンを回転させて、ズームインまたはズームアウト

Tilemap Palette を探索したところで、自分だけのタイルマップを描く準備ができました！

まず、背景のタイルマップレイヤーから始めましょう。これには、プレイヤーキャラクターが常に上に立っているもの、例えば草や家の床などが含まれます。

タイルマップをペイントするには：

1. Hierarchy で、Background GameObject を選択します。

2. Tile Palette ウィンドウで、Active Tilemap のドロップダウンメニューが Background に設定されていることを確認してください。

（このドロップダウンメニューを変更する必要があり、Open in Prefab Mode ダイアログウィンドウが表示されたら、Scene を選択します。）

3. これで背景にペイントする準備ができました！ Tile Palette でタイルを選択し、シーンビューでタイルをクリックしてペイントします。以下のことができます：

• 個々のタイルを選択して、例えば草の 1 つの正方形のようにペイントします。
• この Creator キットのためにデザインされたブロックで、複数のタイルを選択してペイントします。

4. Ctrl + S（Windows）または Cmd + S（macOS）を押してシーンを保存します。

また、あなたの世界に家を追加して、その住人に住む場所を与えることもできます。これは、背景のタイルマップ（Background Tilemap）から始まります。

家に追加するには：

1. Hierarchy で、 Background Tilemap が選択されていることを確認してください。

2. Tile Palette ウィンドウで、Active Tilemap ドロップダウンメニューが Background に設定されていることを確認します。

（このドロップダウンメニューを変更する必要があり、Open in Prefab Mode ダイアログウィンドウが表示されたら、Scene を選択します。）


3. 家を作るために用意されているタイルを見てみましょう。

ここでは、主なタイル（Tile）の種類を簡単にご紹介します：

扉や窓のあるタイルもありますが、これらのタイルは美的にしているだけです（キャラクターはそれらの中を歩くことができません）。 このチュートリアルでは、後ほど空のアーチ道や空のタイルにドアを追加することができます。

4. まず、タイルを選択して、家の Floor（床）を背景のタイルマップにペイントします。

5. 壁にペイントができるようになりました。 これらには、プレイヤーキャラクターがその中を歩くのを止めるためのコライダーが含まれているので、Midground Tilemap に追加されています。 Hierarchy で、この Tilemap を選択します。

6. Tile Palette ウィンドウで、ドロップダウンメニューを使用して、Active Tilemap を Midground に設定します。 Open in Prefab Mode ダイアログが表示されたら、Scene を選択します。

7. 今すぐ家の壁にペイントします。ドアやオープンエントランスのためのスペースを残すことを忘れないでください。

8. Ctrl + S（Windows）または Cmd + S（macOS）を押して、変更内容をシーンに保存します。

あなたの家はユニークですね。こんな感じになるはずです：

もうすぐですが、まだ完全ではありません。屋根とドアが足りないので、少し違う方法で追加する必要があります。

この Creator キットでは、屋根やドアは壁よりも少し複雑です。そのため、少し違った方法で追加する必要があります。

まずは屋根から始めましょう：

1. Hierarchy で、World GameObject を右クリックし、Create Empty を選択します。これにより、「GameObject」という名前の新しい子ゲームオブジェクトが作成されます。

2. GameObject を右クリックし、コンテキストメニューから Rename を選択します。新しいゲームオブジェクトを「Objects」と呼びます。

3. Project ウィンドウで、Assets/Creator Kit - RPG/Prefabs の順に移動します。HouseRoof プレハブを選択します。

4. Project ウィンドウの HouseRoof プレハブを Hierarchy の Objects GameObject にドラッグします。

5. HouseRoof GameObject を選択した状態で、Scene ビューにカーソルを合わせて F キーを押します。



6. 屋根を移動する必要がある場合は、移動ツールを使用して行うことができます。ツールバーで、移動ツールのアイコンを選択します。

Scene ビューで、屋根をクリックしてドラッグし、描いた家の角の 1 つと一直線になるようにします。

7. 次に、屋根のサイズを変更して、家にぴったりと収まるようにする必要があります。ツールバーで、 Rect Transform ツールを選択します。

カーソルで屋根の角をクリックしてドラッグすると、あなたの家のサイズに合わせてサイズを変更することができます。

8. シーンへの変更を保存します。

ヒント：追加した roof GameObject（または他のGameObject）を削除するには、Hierarchy でGameObject を選択します。次に、以下のいずれかを行います。

• GameObject を右クリックし、コンテキストメニューから Delete を選択します。
• GameObject を選択し、Del（Windows）または Cmd + Backspace（macOS）を押します。

これで、家に屋根がありとても見栄えがよくなりました。でも、それは探索時に内部を見ることがずっと難しくなっています。これを修正するために、プレイヤーキャラクターが建物に入ったときに屋根にフェード効果をつけてみましょう：

1. Hierarchy で、HouseRoof GameObject を選択します。


2. Inspector で、HouseRoof GameObject の Sprite Renderer コンポーネントを探します。Order in Layer パラメーターを 1000 に設定します。

つまり、プレイヤーキャラクターが家の中に入ると、その下ではなく、その上に屋根があることになります。

3. 次に、キャラクターが入ったときに家の中が見えるように屋根をフェードさせてみましょう。まず、フェード効果は、プレイヤーが屋根で覆われた空間に入ったときにのみトリガーされることを確認する必要があります。

Inspector の Add Component ボタンをクリックします。「Box Collider 2D」を検索し、HouseRoof に追加します。

4. Inspector で、Box Collider 2D コンポーネントの Is Trigger チェックボックスに✓を入れて有効にします。

コライダーは、物理的な衝突やその他の相互作用のためのオブジェクトの空間を定義します。 この場合、プレイヤーが屋根で覆われたスペースに入ると、特定の効果がトリガーされます。

5. もう一度 Add Component をクリックします。Fading Sprite スクリプトのコンポーネントを探して、HouseRoof へ追加します。このスクリプトで Collider がトリガーされたときにスプライトをフェードさせるような必要な効果が得られます。

6. Ctrl + S (Windows) または Cmd + S (macOS) を押して、シーンに変更を保存します。

7. 作成した家とその屋根の効果をテストするために再生モードに入ります。再生モードを終了するには、もう一度 Play を押すことを忘れないでください。

小さな家を作った場合、屋根のフェード効果はうまく機能するはずです。しかし、大きな家を作って屋根をデフォルトのサイズよりもずっと大きくしなければならなかった場合、屋根がフェードする前にキャラクターが家の中へ、かなり遠くまで移動しなければならないことがあります。

これは、フェード効果が Box Collider 2D コンポーネントのサイズによって制御されるためです。

キャラクターが家の中を移動したらすぐに効果が始まるようにするには、コライダーのサイズを変更する必要があります：

1. Hierarchy で、World > Objects の順に移動します。シーンに追加した HouseRoof GameObject を選択します。

2. Inspector で、屋根の Box Collider 2D コンポーネントを見つけます。

3. Edit Collider ボタンをクリックします。

4. Scene ビューでは、屋根の上（またはその周り）にある緑色のコライダーボックスが白くなっているのがわかります。コライダーのサイズを変更するには、ボックスの両側にある小さな四角をクリックしてドラッグしてください。

キャラクターがドアを通り抜けたらすぐに屋根をフェードさせるか、少し中に入ったところからエフェクトを開始させると良いでしょう。どちらでも構いません！

5. コライダーのサイズに満足したら、もう一度 Edit Collider をクリックします。

6. 変更内容を保存し、再生モードでテストします。完了したら、再生モードを再び終了することを忘れないでください。

これであなたの家にドアを作る準備が整いました。

ドアは屋根と同じように作られます。少し複雑なので、プレハブを作成して、あなたの世界にドラッグアンドドロップしてください。プレハブは、一からゲームオブジェクトを作成する代わりに使用できるテンプレートです。

家にドアを追加するには：

1. Project ウィンドウで、Assets/Creator Kit - RPG/Prefabs の順に移動します。

2. Project ウィンドウの HouseOpenDoor プレハブを Hierarchy の Objects GameObject にドラッグします。


3. HouseOpenDoor GameObject を選択した状態で、Scene ビューにカーソルを合わせて F キーを押します。 これにより、Scene ビューがドアにフォーカスされます。

4. ドアを移動する必要がある場合は、移動ツールを使用して行うことができます。ツールバーで、移動ツールのアイコンを選択します。

Scene ビューでは、ドアをクリックしてドラッグし、ドアが残っている入り口のスペースに合うようにします。

5. 次に、家に適切にフィットするようにドアのサイズを変更する必要があるかもしれません。ツールバーで、Rect Transform ツールを選択します。

6. カーソルを使って、ドアの角をクリックしてドラッグして、家のサイズを変更します。

7. シーンに変更を保存します。

また、煙突プレハブを追加することで、生活感のある家にすることができます：

1. Project ウィンドウで、Assets/Creator Kit - RPG/Prefabs の順に進みます。

2. Project ウィンドウの HouseChimney を Hierarchy の Objects GameObject にドラッグします。

3. HouseChimney GameObject を選択した状態で、Scene ビューにカーソルを合わせて F キーを押します。これで Scene ビューが煙突にフォーカスされます。

4. ツールバーで、移動ツールアイコンを選択します。

Scene ビューで、煙突をクリックして、残っている入口スペースに合わせてドラッグします。

5. 次に、家に合うするように煙突のサイズを変更する必要があります。ツールバーの中で、Rect Transform ツールを選択します。


6. カーソルを使用して、煙突の角をクリックしてドラッグし、家のサイズに合わせてサイズを変更します。

7. シーンへの変更を保存します。

8. 屋根に使用したのと同じ手順で、煙突のゲームオブジェクトにフェード効果を追加します。

9. 変更した内容を再度シーンに保存してから、再生モードに入り、変更内容をテストします。