【Unity】タワーディフェンス(2) マップの作成【クソゲー制作】

Assetsフォルダの下にImagesフォルダを作成し、さらにその下にMapフォルダを作成します。そこに画像をドラッグ&ドロップしてインポートします。

インポートした画像のインスペクターで「Pixels Per Unit」を64に変更します。画像を全選択して値を変更し「Apply」ボタンを押せばまとめて変更できます。

Pixels Per Unitとは、ゲームワールド内の1ユニットあたりのピクセル数を指定する設定です。Tilemapの1マスが1ユニットです。今回使用する画像は1辺が64ピクセルなので64にしています。

メニューバーの「Window > 2D > Tile Palette」を選択して Tile Paletteウインドウを開きます。

お好みで適当な場所にドラッグしてタブ化してください。

左上の「No Valid Palette」をクリックして「Create New Palette」を選択します。

すると、新しいパレットを作成するヤツが開きます（このUIの名前なんていうの）。

「Name」をFieldにして（なんでもいい）「Create」ボタンを押します。

保存場所を聞かれるので「Assets > Tilemaps」フォルダを作って保存します。

パレット内の「Drag Tile, Sprite or Sprite Texture assets here.」と書かれているところにTile化する画像をドラッグ＆ドロップします。

保存場所を聞かれるので「Assets > Tilemaps」に保存します。

まず、レイヤーを作成します。

なんらかのオブジェクトを選択してインスペクターの右上の「Layer」をクリックして「Add Layer…」を選択します。

「Sorting Layers」を開いて2つのレイヤーを追加します。名前はWayとObjectにしました。

最初からあるDefaultは草地、Wayは道や障害物、Objectは敵や砲台を描画するレイヤーです。リストの下にある要素ほど前面に表示されます。

マップオブジェクトを入れておくためのフォルダの役割を果たすオブジェクトを作成します。

ヒエラルキーで右クリック「Create Empty」を選択して空のオブジェクトを作成します。。名前をMapにします。

草地を描画する用のTilemapオブジェクトを作成します。

Mapオブジェクト上で右クリック「2D Object > Tilemap > Rectangular」を選択します。Mapの配下に「Grid > Tilemap」というオブジェクトが作成されます。

Rectangularは四角という意味で、四角いTilemapを作成します。他に六角形(Hexagontal)や斜め上から見た四角(Isometric)のTilemapを作ることもできるようです。

Gridの名前をGrid_Baseに変更します。

「Grid_Base > Tilemap」のインスペクターで「Tilemap Renderer > Additional Settings > Sorting Layer」がDefaultになっていることを確認してください。

道や障害物を描画するためのTilemapオブジェクトを作成します。

Mapオブジェクト上で右クリック「2D Object > Tilemap > Rectangular」を選択します。

Gridの名前をGrid_Wayに変更します。

「Grid_Way > Tilemap」のインスペクターで「Tilemap Renderer > Additional Settings > Sorting Layer」をWayに変更します。

ヒエラルキーで「Grid_Base > Tilemap」オブジェクトを選択します。Sceneビューに表示されているマス目がタイルです。ここにTile Paletteのタイルを配置していきます。

Tile Paletteの上部に、ペイント、塗りつぶし、スポイト、消しゴムなどのツールがあるのでこれを使ってタイルを配置していきます。

このTilemapではすべてのタイルを草地にするので左から4番目の選択範囲塗りつぶしツールを使うと簡単です。

ヒエラルキーで「Grid_Way > Tilemap」オブジェクトを選択します。

UIを表示するための領域に黒いタイルを敷きつめます。上1マス、右5マスに配置しました。

同じく「Grid_Way > Tilemap」オブジェクトを選択している状態で、道と障害物を配置します。