Tilemapのアップデートについて

2025年07月11日(金)に開催された「Unity 2D 完全に理解した 勉強会」の発表資料です。

イベントページ：https://unity-fully-understood.connpass.com/event/358068/
動画アーカイブ：https://www.youtube.com/watch?v=N7lciXjQPWY

Transcript

1. Tilemapのアップデートについて むろほし（@RyotaMurohoshi） 2025/07/11(金) Unity 2D 完全に理解した 勉強会
2. TilemapはUnity公式「2Dマップエディター」 カスタマイズ性に優れたグリッドベースのマップエディター 効率的なマップ作成や描画が可能
3. 画像はUnity公式サンプル　Unity-Technologies/2d-techdemos のサンプルシーンより https://github.com/Unity-Technologies/2d-techdemo s
4. 画像はUnity公式サンプル　Unity-Technologies/2d-techdemos のサンプルシーンより https://github.com/Unity-Technologies/2d-techdemos
5. @RyotaMurohoshi（むろほし） • Unity、Rider、C#大好き • Unity部の運営メンバー
6. 画像はUnity Learning Materialsより https://learning.unity3d.jp/8910/
7. Tilemapもいろいろアップデート！ 今日はUnity 6 と Unity 6.1での アップデートをサラッと紹介！
8. Unity 6では小粒だけれど、便利な機能が追加 厳密にはUnity 2023.1と2023.2
9. Tilemap向けのOverlay Overlayは、SceneViewなどEditorWindowにカスタムUIを上から重ねて表示できる仕組み
10. Tile Palette Clipboard Overlay
11. Tile Palette Clipboard Overlay Scene Viewの上で素早くTileを切り替えることができます。 Scene ViewとTile Palette Windowを行ったり来たりすることなく、 Tileを切り替えることができるようになりました。
12. Tile Palette Brush Picks Overlay
13. Tile Palette Brush Picks Overlay Tile PaletteのBrushとTileの設定を保存したり、読み込んだりできるOverlay 「このTileとこのBrushはセットで使うと便利」を登録して、効率的にマップを作成！
14. 他にもTileBaseEditorが追加されたり TileChangeDataがシリアライズ可能になったり ナイスなアップデートがたくさん！
15. 詳細はこちら！ https://qiita.com/RyotaMurohoshi/items/855e0f1adfb8c2a286be
16. Unity 6.1のアップデートを紹介する前に、 前提知識をちょっとだけおさらいします！
17. 2d-extras 公式のUnity Packageで、2Dプロジェクトではデフォルトで導入済み ScriptableTile（カスタマイズされたタイル）や ScriptableBrush（カスタマイズされたブラシ）がそろっている！
18. とっても便利な2d-extras 例えば・・・ LineBrush：線の形状でTileを配置 RandomBrush：ランダムにTileを配置 RuleTile：この後説明
19. RuleTileはルールを事前定義して、 隣接タイルの有無から表示Spriteを自動決定 隣接8セル全部配置されたら、これ 上下左右のセルが配置されていたら、これ などのようなルールを自分でインスペクターで定義
20. デモ
21. RuleTileにより素早くマップが制作できる！
22. では、Unity 6.1のTilemapの アップデートを紹介します！
23. AutoTile
24. AutoTile 2d-extras v4.3.0から加わった「ScriptableTile」 RuleTileと同様、定義したルールに従い隣接タイルから表示Spriteを自動で決定 ルールの定義がEditor上でグラフィカルに直観的にできる
25. 隣接タイルに応じて、↑のTexture内のSpriteを切り替えて表示するAutoTileを作る 素材画像出典： https://kenney.nl/assets/top-down-shooter
26. このSpriteを表示するためのルールを設定する このSpriteは、真ん中（自分）上下左右 3 x 3で • 真ん中（自分） • 右 • 下 にタイルがあるときに表示したい！ 素材画像出典： https://kenney.nl/assets/top-down-shooter
27. AutoTileアセットのインスペクターで 真ん中上下左右 3 x 3で • 真ん中 • 右 • 下 を赤く塗る！ 素材画像出典： https://kenney.nl/assets/top-down-shooter
28. 素材画像出典： https://kenney.nl/assets/top-down-shooter
29. デモ
30. AutoTileを使っていて、起こりそうなこと
31. 同じサイズ・配置のTextureがあるんだけど 前に作ったのと同じルールのAutoTileを作りたい 素材画像出典： https://kenney.nl/assets/top-down-shooter
32. それをいい感じにするのがTileTemplate
33. TileTemplate
34. デモ
35. TileTemplateのおかげで・・・ AutoTileやRuleTileのTileAssetで定義したルールを ScriptableObjectとして保存し、 同じルールだけど別のTextureなTileAssetを作れるようになった！
36. TileTemplateは、ScriptableObjectを継承したクラス 2d-extrasに、AutoTileTemplateやRuleTileTemplateが定義された AutoTileTemplateみたいに、 独自のSctiptableTile用のTemplateも作れる！
37. 他にもTileSetや 2D系パッケージ機能との連携強化も！
38. さいごに
39. ボーンデジタル社のUnityバイブルシリーズ、 所属するUnity部のUniBookシリーズ、 ブログやイベントでTilemapをたくさん紹介 画像は「Unityデザイナーズ・バイブル Reboot」 株式会社ボーンデジタル社の書籍公式サイトより https://www.borndigital.co.jp/book/29947 /
40. 今年の夏、Unity部で頒布予定の合同同人誌UniBook16や 自分のブログでさらに詳しく紹介予定！
41. Tilemapのアップデートについて むろほし（@RyotaMurohoshi） 2025/07/11(金) Unity 2D 完全に理解した 勉強会