ハルシオンシステムの気ままBlog

こんにちは！坂内っす。
もう次の日曜日にはデジゲー2018っすね！
ブースの皆さん頑張って準備してくださいな！

さてさて、本日のUnityのお話はタイルマップについて。
Unity2017.2くらい？から導入されたタイルマップなんですが、今まで触ってもなかったので、ここで触ってみようかなと。

タイルマップとは？
タイル（英: tile）は、建設資材の一つで、壁や床の保護、あるいは装飾用に多数張りつける板状のもの。
＋
地図、マップ

ってことで、ゲームの画面をタイルで並べるように作る機能のようです。

さてさて、アセットストアにもいろいろとタイルマップで使えるマップチップのアセットがあるようです。
今回はこれを使ってみました。



まずはタイルパレットを作成します。
あ、ちなみに使用しているUnityは2018.2.1です。バージョンによって多少コマンドの位置が変わるかも？



Tile Paletteを選択するとウインドウが出てきます。

出てきたウインドウの「Create New Palette」を押して、Nameにパレット名を入力し、「Create」を選択。


そうすると、今付けた名前のパレットプレハブができます。


次に使用するテクスチャを選択し、設定します。

今回はこれを使ってみましょう。


Bricksってファイルです。

Sprite Modeを「Multiple」に変更します。
Pixel Per Unitの数値をタイルのサイズにします。
チップが16ｘ16だった場合は16を入力します。(今回は３２ｘ３２だったので、３２を入力)


そして「Sprite Editor」ボタンを押す！

SpriteEditorの画面で「Slice」ボタンを押し、出てきたウインドウでTypeを「Grid By Size」へ変更。
PixelSizeを３２，３２に設定し「Slice」ボタンを押す。




テクスチャが３２ｘ３２で白い線で切られると思います。

これでウインドウの右上にあるｘを押してApply。

これで、テクスチャの準備は完了です。

次に、今のBrickファイルをTilePaletteウインドウにドラッグ&ドロップします。



これで完成です。

次にタイルマップを画面に置いてみましょう。

「GameObject」⇒「2D Object」⇒「Tilemap」を選択します。


そうすると、Hierarchyに「Grid」というオブジェクトが作成されます。
このGridを選択すると、Sceneウインドウに白い線が出るようになります。


この状態で、TilePaletteで好きなチップを選択、クリックやドラッグでタイルを配置できます。



Shift+ドラッグ（クリック）で削除できます。

また、"「"ボタン、"」"ボタンを押すことでタイルを回転できます。

さて、このままだとこうなっちゃいます。



そうです。コライダーが付いていないのですり抜けちゃう！

コライダーの付け方は簡単です。

Hierarchyにある「Tilemap」に「TilemapCollider2D」を付けます。



これでキャラがちゃんとぶつかるようになります。

こんな感じ。


簡単にTilemapって使えるんですね！
今度何かにつかってみよう！

ということで、今日はこれであでゅ～ノシ

Category: 開発日記（Unity）

Thread: プログラミング

Janre: コンピュータ

Tag: Unity  ゲーム  ２Ｄゲーム  Sprite  ゲーム開発  タイルマップ