アニメーションタイル(タイルマップ)

ℹ️ 留意事項

この記事は Godot 3から Godot 4 へ内容の書き換え中です。 Godot4では存在しない変数、関数が含まれている場合があります。もしその場合はリポジトリのIssuesまでご報告ください。

課題

タイルマップでアニメーションタイルを使用したい。

この問題に対処する最も直接的な方法は、AnimatedTextureリソースを使用することです。

以下の水タイルを使用して説明します。

これらの画像をダウンロードしてください。water.zip

画像ファイルをプロジェクトフォルダに解凍してください。インスペクタで「新しいリソースを作成」ボタンをクリックします。

AnimatedTextureを選択し、［フレーム］プロパティを5に設定します。各フレームごとに、対応する画像を［テクスチャ］プロパティにドラッグしてください。

アニメーション全体の速度は Fps プロパティで、各フレームごとの遅延時間は Delay Sec で個別に調整できます。

「保存」ボタンをクリックしてリソースを保存します。water_anim.tresのような名前を付けてください。

AnimatedTexture が保存されたので、これでTileSetで使用できるようになります。新規または既存のTileMapを開き、その Tile Set プロパティを選択します。新しいテクスチャをTileSetに追加するには、ボタンをクリックしてください。

追加された新規テクスチャを選択し、「単一タイルとして新規作成」をクリックします。テクスチャを囲むようにボックスを描きます（「スナップ機能を有効にする」を設定すると作業が楽になります）。

これでTileMap内のタイルを選択して、他の通常のタイルと同じように描画できるようになります。