Unity

2D Tilemap Extras を使用してアニメーション付きオートタイルでマップを作成する

ページ更新日 :
ページ作成日 :

検証環境

Windows
  • Windows 11
Unity エディター
  • 2021.3.3f1
入力システムパッケージ
  • 1.3.0

この Tips の前提設定

この Tips の説明の前提として以下の設定を事前に行っています。

この Tips の前提知識

マップ素材の借用について

以下のサイトからお借りしています。

アニメーション付きオートタイルの作成について

アニメーション付きオートタイルは以前の Tips「2D Tilemap Extras を使用してオートタイルでマップを作成する」と「2D Tilemap Extras を使用してアニメーションタイルを作成する」の応用で作成することができます。 ですので本 Tips は以前と同じ手順の場所については簡単に説明し、本 Tips 専用の操作について細かく説明したいと思います。

アニメーション付きオートタイル用のマップチップの準備

以前の Tips ではオートタイル用マップチップとして以下のような画像を準備しました。

この形式のオートタイル用マップチップでアニメーションさせるには以下のような形式の画像を用意します。

縦は従来のように５マス並べてアニメーションする数だけ横に並べる形となります。

ただこの形式は以前の Tips で説明したとおり「WOLF RPGエディター」で使われる形式なので Unity の標準機能ではそのままでは使えません。

そのためマップチップを展開する必要があるのですが、以前紹介した以下のサイトはアニメーション付きオートタイルはサポートされていません。

なので今回用にアニメーション付きオートタイルを展開できるようにプログラムを作ってみました。 ２つページを用意しましたがどちらも同じ結果になるので好きな方を使ってください。

アニメーション付きオートタイルを枠内にドロップするとアニメーションの数だけ分割されて表示されるのでクリックしてそれぞれダウンロードしてください。

Unity エディターでアニメーション付きオートタイルの設定

マップチップを用意したらプロジェクトを作成し、プロジェクトに作成したマップチップを追加します。

マップチップを分割します。これはアニメーションでないオートタイルのマップチップと手順は同じです。 今回アニメーション用に３分割していますが、３つとも設定する必要があるので３つ選択している状態でまとめて設定してもＯＫです。

ただスプライトエディターは１ファイルずつしか設定できないので個別にスライスしてください。

Rule Tile の追加

Rule Tile を追加します。この手順は通常のオートタイル用マップチップの手順と同じです。

名前は「WaterwayAutoTile」としておきます。

インスペクターで Default Sprite を設定します。

次に枠線内に「１つ目のマップチップ」をまとめでドロップします。

ここまでは通常のオートタイルの設定と同じです。ここからアニメーションの設定になります。

各マップチップに「出力」という項目があるのでこれを「アニメーション」に変更します。

すると以下の図のように項目が追加されます。「サイズ」のところにアニメーションする数を入力してください。 今回は３枚使うので「3」と入力します。

するとマップチップの指定項目が３つになりました。ここにアニメーションするマップチップを設定していく形になります。

マップチップはプロジェクトからドロップしてもいいですし、選択から選んでも構いません。 選択する場合は番号表示の方が分かりやすいと思います。

設定されました。

３つ目も同じように設定します。

これで１タイル分の設定が完了しました。 この設定を残り46タイル分にも設定していきます。

タイルパレットへの追加

ここからは今までと手順は同じです。タイルパレットタブが無い場合はメニューの「ウィンドウ -> 2D -> タイルパレット」から表示させてください。

Rule Tile をタイルパレットにドロップします。

マップチップ(アニメーション付きオートタイル)の配置

ヒエラルキーにタイルマップを追加します。

タイルマップにマップチップを配置します。

エディタ上ではアニメーションを確認できないので配置したら実行してアニメーションするか確認します。

デフォルトでは１秒ごとに切り替わるのでアニメーションしていればＯＫです。 アニメーション時間の変更については前回の Tips で説明しています。

アニメーション付きオートタイルの設定はかなり大変ですが、 一度設定してしまえばあとはマップチップを配置するだけでアニメーションなどもやってくれるのでマップ制作がはかどると思います。

2D Tilemap Extras を使用してアニメーションタイルを作成する
タイルマップとの当たり判定を実装する