「さぁ、UnityのTilemapを始めよう！」シリーズ、全8回の内の3回目です。

前回「第2回とにかくまずは触ってみよう編」では、あらかじめ設定済みのSpriteを使ってTilemapを作成しました。自分のプロジェクトでTilemapを使うには、Spriteの設定を自分で行う必要があります。今回は「Spriteの設定編」と題して、Spriteの設定で重要な項目を説明します。

前回は、「第2回とにかくまずは触ってみよう編」です。

Spriteとその設定の概要

まずはSpriteとその設定の概要を紹介します。

Tilemapでは、セルに直接Spriteを置くのではなく、Tileアセットを配置します。そして、TileアセットがSpriteを参照します。

Tilemapが適切に表示されるために、Spriteに対してもいくつか設定が必要です。適切に設定しないと、セルとセルの間に隙間ができたり、ノイズが発生したりしてしまいます。

Spriteの分割

まずはSpriteを分割します。

2d-techdemosの中にある「dungeon.png」ように、一枚の画像の中に複数のTile用のSpriteを含んでいる場合、適切に分割する必要があります。

Spriteの分割は、SpriteEditorを使って行います。次の公式ドキュメントを参考に分割してください。

Pixels Per Unitの設定

次にPixels Per Unitの設定を行います。

Tilemap用のSpriteの設定の中で、大事な設定のひとつがPixels Per Unitです。Pixels Per Unitは、Spriteがシーンで描画される際の大きさを調整する値です。この値は、Unity上での長さ1に相当するピクセル数となります。もしPixels Per Unitを適切に設定しないでTilemapを作成すると、タイルとタイルの間に余分なスペースが空いてしまったり、タイルとタイルがオーバーラップしてしまったりします。

Pixels Per Unitは次図の赤枠で囲んだところから行います。

一辺16ピクセルのSpriteを使うのであればPixels Per Unitを16に、一辺32ピクセルのSpriteを使うのであればPixels Per Unitを32に設定してください。「dungeon.png」は一辺が64ピクセルの画像です。この中に、一辺16ピクセルのSpriteが15個含まれています。ひとつのセルに表示するSpriteは、一辺16ピクセルなので、Pixels Per Unitを16と設定してください。

SpriteAtlasの作成

次にSpriteAtlasの作成を行います。

2d-techdemosの中にある「dungeon.png」ような一枚の画像を複数のSpriteに分割し、これをTilemapに使ったとします。そうすると、Editorでの実行中やビルド成果物での実行中に、次の図のようにノイズが乗ってしまうことがあります。

このノイズはSprite Atlasを作成すれば抑制することができます。実際に2d-techdemosではSpriteに対してSprite Atlasが作られています。次のリンクを参考にSprite Atlasを作成してみてください。

次回とシリーズ一覧

次回は、「第4回 Tile について編」です。