タイルマップを使用して簡単にマップを作製しよう① ～基本的なタイルマップの使い方～

はじめに

先日、以下のゲームを制作して、記事を投稿しました

UnityRoomさんにアップロードしているため、画像クリックで直接ページに飛んでゲームをプレイすることができます。

このゲームはUnityの１つの機能である「TileMap」というものを勉強したいと思って作りました
その時の備忘録となります。

私は、「スーパーマリオラン」や「TempleRun」などのいわゆるランゲームが結構好きでハマってしまうことがあるんですよね。
ゲームによってはプレイする度にマップが違うため、毎回違う対処を求められる部分とかがあったりして、そういうのが個人的には好きです。

じゃあそれを自分でもやってみようって思ったのが、今回のゲームを作った最大の理由でした。

※スクリプトを使用したタイルマップの自動生成に関しましては次回の記事で説明します。

タイルマップは簡単にいうと、
2Dゲームでマップを作る時にペイント感覚で簡単に作っちゃおうっていう機能です

Unity2017.2から導入された機能で、スクリプトを書かなくて済むので
アーティストやデザイナーさんでも扱えるものになります

タイルマップを使用する上で、必要となるものをインストールしましょう。
もし、Unityのプロジェクト新規作成のテンプレートにて「2D」を選んでいる場合は、
最初からインストールされているはずです

ヒエラルキーを右クリックし、「2D」→「TileMap」にてオブジェクトを生成

そうすることで、TileMapを設置することができる格子状の線が表示されます

ここまでくれば、後はエディター上で「Tile Palette」を使用して自由にマップを作るだけになります。
ですが….まだタイルとして使用するスプライトをインポートしていないため、それを行う必要があります。

今回は、のっぺりとしたこんな感じの素材を使ってマップチップを作成します。
※ここのスプライトの設定は、使用する素材次第で変更するべきです。

これを、UnityのProjectにインポートし設定を以下の感じに変更します。

それでは、先ほどのマップチップを使用して実際にエディター上でマップを作成してみましょう。

冒頭にも記載した通り、本当にペイント感覚で塗ることができるので簡単にマップを作成することができます！

このままだと画像を追加しただけですので当たり判定を追加します。

ヒエラルキーの「TileMap」に「TileMapCollider 2D」を追加する
ヒエラルキーの「TileMap」に「CompositeCollider 2D」を追加し、「TileMapCollider 2D」の「Used By composite」をチェックする

これで完了ですが、「TileMapCollider 2D」はすべてのタイルチップにコライダーを追加するため無駄が生じてしまいます。
そのため、「CompositeCollider 2D」を使用することでコライダーをまとめることができます。

以上がタイルマップの大まかな使用方法になります。
次回は、タイルマップの拡張機能の１つであるルールタイル(RuleTile)についての記事を投稿する予定です。