iT邦幫忙

2023 iThome 鐵人賽

DAY 27
0
Software Development

從零開始!使用chatGPT製作Unity回合制卡牌遊戲系列 第 27

從零開始!使用chatGPT製作Unity回合制卡牌遊戲 Day 27 - 2D Unity:Tilemap的使用與建立

  • 分享至 

  • xImage
  •  

上期我們講解了使用Tilemap的原因,
今天我們來說說Tilemap是怎麼被建立與使用的。


首先,延續上次的步驟:

在編輯界面右鍵,創立2D物件。
選擇Tilemap - Rectangular。

https://ithelp.ithome.com.tw/upload/images/20231011/20163235S8dC7ytuju.png

接下來就是Tile的創立了。
點擊右下角的框框「Open Tile Palette」。
https://ithelp.ithome.com.tw/upload/images/20231011/20163235wNGjI3IRrS.png

選擇「Create New Palette」,重新命名後點擊創立。
https://ithelp.ithome.com.tw/upload/images/20231011/201632357SOE8haExi.png


創立好Tile的模板後,開始匯入Sprite。
匯入圖片資源。選取需要的圖片,在右邊的屬性面扁進行編輯。
首先,將Sprite Mode改成Mutiple:
https://ithelp.ithome.com.tw/upload/images/20231011/20163235g74FituBJp.png

原本Single代表對於Unity來說僅僅是一張圖片。
當使用Mutiple的時候,一張圖片可以進行切割,被Unity處理後是為多張圖片。

如果是Pixel Art像素風的圖檔,要設定Filter Mode為Point(no filter)。
然後Compression 壓縮設成None 無。
記得要按Apply 確認。
https://ithelp.ithome.com.tw/upload/images/20231011/20163235In0cUU1F2j.png


下一步,我們點進Sprite Editor編輯器介面。這一步是為了讓我們分割圖片。
點進箭頭,Type改成Grid By Cell Size:
https://ithelp.ithome.com.tw/upload/images/20231011/20163235J1l5Gmjppw.png
挑一個合適的大小,這邊選擇256,然後Slice。
https://ithelp.ithome.com.tw/upload/images/20231011/20163235ZXOmn7Z3wH.png

接下來,在這個面板選取,就可以在Tilemap上面開始畫囉!
https://ithelp.ithome.com.tw/upload/images/20231011/20163235l6yXHXb3zf.png

那這該怎麼應用在程式碼呢?
我們下次就來搞懂囉!


上一篇
從零開始!使用chatGPT製作Unity回合制卡牌遊戲 Day 26 - 2D Unity關卡製作:使用Tilemap system的原因
下一篇
從零開始!使用chatGPT製作Unity回合制卡牌遊戲 Day 28 - Tilemap與程式碼
系列文
從零開始!使用chatGPT製作Unity回合制卡牌遊戲30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言