Godot4 オートタイル設定したマップチップ画像でタイルマップを描画する

無料・軽快な 2D / 3D 用のゲームエンジン Godot Engine 4 で、オートタイルの設定を行った地形タイルセットを用いて、タイルマップ描画する手順を紹介します。
GodotEngine 4.3 では非推奨になった TileMap ノードのかわりに TileMapLayer ノードを用います。

前回の記事

前回は、TileSet リソースに地形要素を追加して、マップチップ画像オートタイル設定を行いました。

タイルマップを描画する TileMapLayer ノードの作成

タイルマップを描画するには TileMapLayer ノードを用います。
その上位にあたるルートノードには Node2D ノードを選択しました。

下図のように新規シーンの場合は「2D シーン」を選択します。
※すでに他のシーンが開ている場合は、シーンを保存してから、メニュー「シーン」→「新規シーン」を選択してください。

Godot4 TileMapLayer のあるシーンを作成1

作成されたルートノード Node2D を右クリックして表示されるメニュー「子ノードを追加」を選択します。

Godot4 TileMapLayer のあるシーンを作成2

「Node を新規作成」ダイアログが表示されます。
検索ボックスTileMap と入力して TileMap ノードを選択すると「非推奨」と書かれたメッセージが表示されました。

Godot4 TileMapLayer のあるシーンを作成3

Use multiple TileMapLayer nodes instead. To convert a TileMap to a set of TileMapLayer nodes, open the TileMap bottom panel with the node selected, click the toolbox icon in the top-right corner and choose ‘Extract TileMap layers as individual TileMapLayer nodes’.

代わりに複数の TileMapLayer ノードを使用してください。 TileMap を TileMapLayer ノードのセットに変換するには、ノードを選択した状態で TileMap の下部パネルを開き、右上隅にあるツールボックス アイコンをクリックして、[TileMap レイヤーを個別の TileMapLayer ノードとして抽出] を選択します。

メッセージに従い、非推奨になった TileMap ノードのかわりに TileMapLayer ノードを選択して「作成」ボタンを押します。

Godot4 TileMapLayer のあるシーンを作成4

TileMapLayer に描画する TileSet リソースの設定

Node2D の下位に TileMapLayer ノードが作成・追加されました。
インスペクタードックには、 TileMapLayer ノードのプロパティが表示されています。

下パネルは TileMap が選択されていて「Tile Set プロパティに TileSet リソースを設定してください」といったメッセージが表示されています。

Godot4 TileMapLayer に TileSet リソースを設定1

The edited TileMap or TileMapLayer node has no TileSet resource.
Create or load a TileSet resource in the Tile Set property in the inspector.

編集された TileMap または TileMapLayer ノードには TileSet リソースがありません。
インスペクターの Tile Set プロパティで TileSet リソースを作成またはロードします。

前々回に作成した、オートタイルの設定をしたマップチップ画像が入っている、 TileSet リソースファイルシステムドックから、インスペクタードックの TileMapLayer のプロパティ Tile Setドラッグ&ドロップして設定します。

Godot4 TileMapLayer に TileSet リソースを設定2

TileMapLayer のタイルマップに TileSet のオートタイルで描画する

描画に用いるマップチップが入った TileSet リソースを TileMapLayer ノードに設定した後は、TileMapLayer ノードに、 TileSet リソースのオートタイル設定をしたマップチップで描画します。

シーンドックで TileMapLayer ノードをダブルクリックで選択して、下パネルで TileMap が選択されていることを確認します。
下パネルの TileMap「地形」タブを選択して、リストの地形セットの中から、前回オートタイル用の設定をした地形 Soil_Grass を選択します。

これで Soil_Grass というオートタイル設定をしたマップチップで、タイルマップを描画する準備ができました。

Godot4 TileMapLayer に TileSet の地形タイルで描画1

下パネルの TileMap の上側にあるペンや消しゴム、線・矩形選択・バケツツールなどを使って、タイルマップに描画してみましょう。
クリックやドラッグで描くことができ、オートタイル設定に従って、隣接するマップチップの種類が自身と同じものかどうか自動的に最適なマップチップ画像に変わります。

Godot4 TileMapLayer に TileSet の地形タイルで描画2

ペンやバケツツールなど様々なツールを使って描画しましょう。
例えば、消しゴムと範囲選択を組み合わせることで、一気に削除することもできます。

Godot4 TileMapLayer に TileSet の地形を使ってオートタイル塗り

タイルマップを編集したら Ctrl +S などでタイルマップのシーンを保存しましょう。

Godot4 TileMapLayer のあるシーンを作成5

まとめ

今回は、無料・軽快な 2D / 3D 用のゲームエンジン Godot Engine 4 で、オートタイルの設定を行った地形タイルセットを用いて、タイルマップ描画する手順を紹介しました。
GodotEngine 4.3 では非推奨になった TileMap ノードのかわりに TileMapLayer ノードを用いました。

参照サイト Thank You!

記事一覧 → Compota-Soft-Press

コメント

Ads Blocker Image Powered by Code Help Pro

お願い - Ads Blocker Detected

このサイトは広告を掲載して運営しています。

ポップアップを閉じて閲覧できますが、よろしければ

このサイト内の広告を非表示にする拡張機能をオフにしていただけませんか?

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

タイトルとURLをコピーしました