今天的主題有兩個

一、unity圖片分割(Slice Sprite)

目標：把一張素材切成很多小素材，這樣子使用圖片可以節省資源唷！

二、tile繪製技巧

目標：製作可以拼湊的tile素材。

製作圖片會使用繪圖軟體，ps、clip、procreate、sai都可以，只要能保留png檔案都適合。

1.可無限延伸(循環)不會感到奇怪

2.可隨機拼湊成地圖的素材

一、unity圖片分割(Slice Sprite)

1.導入圖片

將Sprite mode設定成Multiple

設定好之後，點選Sprite Editor進入編輯視窗

會跳出題示問你要不要應用sprite，點選Apply

2.切割圖片

進入編輯視窗後，點選Slice(如果沒看到可以把視窗放大就有摟)

設定要切割的內容，我的主圖是300×300，因此我要切成100×100大小。

點選Slice，unity就貼心的切好囉

3.完成分割

設定分割圖片名稱，不設定也可以，系統會自動編號，也可以自訂分割大小。

關閉視窗時一樣問你要不要套用此設定，點選Apply

完成後可以在下方素材中看到已經分割好的樣子。

二、tile繪製技巧

１．無限延伸(循環)圖片做法

1.先自己做一張圖片

2.將他左右切一半，然後平行交換

(不用切的特別準一定要中間，重點是切掉的地方挪到邊邊的時候要對準)

3.接著切上下，然後垂直交換，這樣就完成囉！

※貼到tilemap就可以得到美美的循環圖囉

２．可拼湊成地圖的素材

一開始畫地圖碎片的時候我使用一張一張畫，每一張都是100×100，設定好標記點之後開圖層畫。

（這時候就要感嘆一下clip沒有一次匯出圖層的功能很可惜，所以那時都用procreate畫）

之後發現sprite是個好東西之後，就直接用clip畫成完整的圖，在拿到unity裡面切割。

進入正題——
基本上只要畫好這１５片，就可以組出各式各樣的島和海線。
（為甚麼是１５種呢？將每一片單位分成四格，然後算組合總共有１５種唷XD)
（4個角角+4個上下左右的邊+4個只缺角角的+2個斜對角+1個完整的）
（比較數學的算法...每一格塗或不塗? 2^4-1(四格都不塗)這樣XD阿哈哈）

為了可以隨機組合，我設了一個接合規則：接合點都設在中間。
因此在畫素材的時候，不管是哪一片要接合的地方都要在中點位置。
可以根據自己的需求、地圖、特色制定規則，不同的規則會有不同的效果唷。

由上方１５片隨機拼湊的小島