Unity 2D Tilemap Extras の Terrain Tile

前回Unity のアセット 2D Tilemap Extras に含まれているタイルマップ作成をサポートする「Animated Tile」を紹介しました。

Unity Aimated Tile StartFrame にあわせて 3 番目の画像からアニメーションが開始しました。
Unity Aimated Tile StartFrame にあわせて 3 番目の画像からアニメーションが開始しました。

今回は同じく 2D Tilemap Extras に含まれている Scriptable TileTerrain Tile」を紹介します。
※ Unity は 2021.3.14f1、 2D Tilemap Extras は 2.2.2 です。

Terrain Tile とは

公式サイトの冒頭の説明を引用します。

Terrain Tiles, similar to Pipeline Tiles, are tiles which take into consideration its orthogonal and diagonal neighboring tiles and displays a sprite depending on whether the neighboring tile is the same tile.

Google 翻訳

テレイン タイルは、パイプライン タイルと同様に、直交および斜めの隣接タイルを考慮し、隣接タイルが同じタイルであるかどうかに応じてスプライトを表示するタイルです。

https://docs.unity3d.com/Packages/com.unity.2d.tilemap.extras@1.5/manual/TerrainTile.html より

同じ Terrain Tile との周囲との位置関係で表示するスプライトを自動的に選んでくれるタイルのようです。
以前に紹介した Rule Tile と似ています。

Unity Rule Tile (Output=Single) の設定の例
Unity Rule Tile (Output=Single) の設定の例(画像は TopDown Engine のサンプルのパレット KoalaTilePalette に含まれているものです)

しかし、Terrain Tile は自分でルールを作る必要はなく最初から用意されている位置関係のパターンに合わせて Sprite を設定するだけなので、典型的な地形パターンにあった各 Sprite 画像を表示したい場合に向いています。

Terrain Tile の作り方

Terrain Tile アセットを新規作成します。
Project ウィンドウのフォルダの余白で右クリックをしてポップアップメニュー[Create]→[2D]→[Tiles]→[Terrain Tile] を選択します。
そのフォルダに Terrain Tile アセットが新規作成されるので適当にリネームしましょう。

Unity 2D Tilemap Extras の Terrain Tile の新規作成の手順
Unity 2D Tilemap Extras の Terrain Tile の新規作成の手順

Terrain Tile アセットを選択して Inspector ウィンドウを見ると、15 種類のパターン名と空の Sprite 画像の枠のリストが表示されます。
空の Sprite 画像の枠にパターン名にあった画像を割り当てます。
割り当てるには Project ウィンドウSprite画像の枠ドラッグ&ドロップするか、画像の枠の右下の Select ボタンを押して Select Sprite ウィンドウ一覧から選択します。

Unity 2D Tilemap Extras の Terrain Tile の各パターンごとの Sprite の設定手順
Unity 2D Tilemap Extras の Terrain Tile の各パターンごとの Sprite の設定手順

英語のパターン名とマップチップの対応関係は以下のようになります。
このマップチップ画像は、上下左右に斜めを加えた周囲8マスの同じタイルの有無や位置関係を表しています。

ライセンス CC0 で以下のマップチップ画像を使ってもらって構いません。

16×16 px を左上起点横優先で 4×4 マスで配置したマップチップ画像です。

はタイルが周囲のそのマスにない場合茶色はタイルが周囲のそのマスにある場合を表しています。
例えば、1 番目の Filled周囲 8 マス全てに同じタイルがある状態です。
2 番目の Three Sides上のマスには同じタイルがなく他の周囲のマスには同じタイルがある状態です。

Filled
Three Sides
Two Slides and One Corner
Two Adjacent Sides
Two Opposite Sides
One Side and Two Corners
One Side and One Lower Corner
One Side and One Upper Corner
One Side
Four Corners
Three Corners
Two Adjacent Corners
Two Opposite Corners
One Corner
Empty
Unity 2D Tilemap Extras の Terrain Tile のパターン名と対応するマップチップ

上の表と同じように Terrain Tile アセットに Inspector ウィンドウで Sprite 画像を 15 個、設定しました。

Unity 2D Tilemap Extras の Terrain Tile に Sprite 画像を設定しました。

Terrain Tile を使ってみる

作成した Terrain Tile アセットを前回と同様に Tile Palette ウィンドウProject ウィンドウからドラッグ&ドロップし、登録した Terrain Tile タイルを選択してブラシツールで使ってみます。

Unity 2D Tilemap Extras の作成した Animated Tile アセットを Tile Palette に登録します。
Unity Tile Palette に作成したタイルアセットをドラッグ&ドロップで登録する例

周囲のタイルの有無・位置関係に応じて自動的に最適な Sprite 画像に切り替えられています。
これでマップ編集する作業の効率があがり、間違い少なくなることが期待できます。

Unity 2D Tilemap Extras の Terrain Tile を配置する様子
Unity 2D Tilemap Extras の Terrain Tile を使用している例

まとめ

今回は 2D Tilemap Extras の Terrain Tile作成手順から使用例まで紹介しました。

参照サイト Thank You!

コメント

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をコピーしました