Unity 2D Tile Map 工具-Tile Palette
Unity Tile Map 工具Tile Palette
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJWGsqltp9S52kX1df36E6uoKuxX9WTeI99nZjyDMYKdx04JkF_Gw62-9qoV68T_NzcJV2_130-FN7s7qQT1hLDCaXOkM55OzVPl-UFazhdBS7gPbDyIwvxqRyvmNuuWv4v-dJjyGUK0-H/s640/2018-07-15_023651.png)
可以很方便地讓企畫編輯場景地圖,並測試各種玩法。
如何使用Tile Palette?
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQ_PXOQXNyE38qJs5o86kZiHDWzLwI4YK3BZD-9jn6HJiINxsY48PuNfIieCU3LmOnYoFpRl-gk0de_j7LQZ9drmhUjZcQzHpO6fBhhssBq23WZ35p3rNlBLpqVT0iiK1IEtZEAKYZmij/s640/NES+-+Battle+City+-+General+Sprites.png)
1. 先請美術製作好相同大小方塊的物件Sprite。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6VAj54m9qBNXyldSFdtoc6Dpy9NFclh3fntdJJlwWMlmo-Ag4dN0qMjm6A8h-rnTjXipDY_B1RfMho_GQgoU5TUPpOFAIUi0DmR0_agGNpwVDzzYmyh9lIZo_lKz6k47xn6XioGOQpbjo/s640/2018-07-15_015419.png)
並切割成相同大小。(範例為16X16)
切完之後就會生成各子單元可供使用。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-d0xXI9MJAPyOlUHNFW1ir2g06c1FOlLBd07AUCkLBH2z3kobqpXYbDqLYqKVv9wsCsnpUNSdCnmQCDLkUE2DDCh6xWXKx97WzjoJqBJQEGmpzvhU2HkcQVZpUoXOej1nPpEhSLNkXnt8/s640/2018-07-15_024030.png)
3. 開啟Tile Palette 視窗匯入切好的Sprite
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGssqfwOkykBGYC_qAIELQe6t_jQ2rmqypPjgRnhytHk3NzjRr__uyveejxobtdN36CNJ5JHVTPbbeay7eHWt7K7XXwVzfHE7nhomLV35v7OH-7m3SLCx9jVagfoC0hGnrtJjUGX7d7v7Y/s640/2018-07-15_020308.png)
開啟後先創一個Tile Palette 作為存檔用。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgWz3qlskAZg6KQPmTk0UWK03kbAfw7bh5k-kPIyS58BL90JvIUDC7-3FRIFyh0P5v6vRVy-Z10KJGeooTiQfHC6XyDDtd6i-YvweTv8KMCXXSJ9qv5gihCkk7r9d9QTgTIrXYr5E8F-gQ/s400/2018-07-15_020344.png)
Tile Palette除了支援方形外也支援六邊形。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNWpz4EUzRKRkKFyXCdTiwBKjBWOGOkBrELe4zEacBiTussrQ1OTwhcMuQ713PQtU6sXX-HhoEWiat6m0wmpAnqF06aXmARAksOP5AE7lee4ON-hccEbEYAXHEwtu2OdNo9L89J8AWTsj/s640/2018-07-15_020639.png)
有Tile Palette 之後就可以把切好的Sprite拖進去了。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ3BGD7qxx0BOsfAvGMEjUJqf9DwAuhaZlXHM0FbF7nmByfYFmu4iU_JTxRmcR_SuhxOI1UqUhgUOTrAL6FlY2HejFd3pNdgqiT_HPFZx8tz1X8fg9j7g7LA1YSv7JHzRF8e7-NCRXkwJt/s400/2018-07-15_020736.png)
拖完會依據圖片切的格子數量進行匯入。(感覺不要太多格比較好)
這樣就完成了準備步驟了。
4. 創建2D物件 > TileMap
創完之後會在Hierarchy下看到 Grid /Tilemap 物件。
選擇Grid可以針對每個網格的大小進行設定,記得設成跟你的Tile Palette物件一樣大小(比例約1 :100pixel)。
5. 使用Tile Palette筆刷編輯
點擊要放置的 Tile Palette 物件,接著用筆刷就可以在Scene下編輯。
快速鍵:
Shieft : 橡皮擦
[]方括弧鍵:針對物件轉90度
筆刷也可以一次用複數單位進行繪製,可以善用他做一點變化並快速產生地圖。
之後也可以修改單一的Tilemap,讓同一個物件一起產生變化,如修改圖片為其他Sprite、針對特定圖片換色等。
6. 批次放置Collider
簡單的在Tile Map 物件上加上Tilemap Collider 2D即可。
針對該Tile Map物件單元都會被上Collider。
但是要是我們只希望他只上必要的Collider,不要每個都上(如中央的就不需要上)
則可以考慮使用Composite Collider 2D。
使用時要將Rigibody2D設定為Static,並勾起 Tilemap Collider 2D的 Used By Composite
這樣就只會針對物件的外部單元上一圈Collider
同時Composite Collider 2D生成是即時的,所以也可以用這套來做一些可破壞的地圖物件。
細部說明都可以參考教學影片
https://www.youtube.com/watch?v=BNN-LoVr27Q
留言
張貼留言