unity 14--瓦片地圖tilemap

首先是導入素材。

在這裏插入圖片描述
找到背景圖,設置pixels per unit,每單位像素,這個選項的意義在於每一個場景中的格子,佔據多少像素。
在這裏插入圖片描述
把它設計成16,意味着每格子佔據1616個像素,而不是44,像素密度越高,圖像看起來也就越小。
像素密度越低,圖像看起來也就越大,形成平鋪的效果。

圖片也是一個遊戲對象,可以直接拖拽進去。

地圖瓦片

2d遊戲很重要的一個輔助工具,Tilemap地圖瓦片。
它的理念是----2d遊戲是由一張張圖片構成,圖片上總是有相同部分,把這些相同的,可以重複利用的部分看成蓋房子的瓦片。這樣只需要利用重複拼接,就能創造出各類圖片。
優點:節省了美術人員的工作量,更加靈活。
注意:並沒有節省內存空間,並沒有節省存儲圖片資源的硬盤空間(拼接圖押後罷了),以前是多少張圖,現在還是多少張圖。
在這裏插入圖片描述
在這裏插入圖片描述
Tile Palette工具專門用來“拼接”瓦片。
瓦片的來源是:
在這裏插入圖片描述
原作者提前做好了可以重複利用的部分。
在這裏插入圖片描述
除了名字外,默認即可。弄一個MAP文件夾保存準備創建的瓦片地圖。
將tileset拖拽進Tile Palette。
在這裏插入圖片描述
此時還沒辦法使用裏面的任意圖元素。
①先把sprite mode 改成multiple
②點擊sprite editor
在這裏插入圖片描述
③點擊slice,讓它自動切割
在這裏插入圖片描述
還有一種切割方法,就是隻想使用單個元素中的某一部分
在這裏插入圖片描述
選擇自定義切割(grid by cell size),根據前面pixels per unit 的值爲16做相應修改。
在這裏插入圖片描述
最後效果,每一個單元格都是16*16大小,滿足設定的瓦片。
在這裏插入圖片描述
④不要忘記點擊apply最終確認。
⑤ 把切割好之後的tileset拖拽進Tile Palette,它會在MAP文件夾下生成單個瓦片元素。
在這裏插入圖片描述

使用方法

在這裏插入圖片描述
筆刷能拖動瓦片元素去場景!
在這裏插入圖片描述
假如使用tilemap畫的地圖有縫隙,可以在inspector窗口選擇grid,右邊的cell size X和Y改成0.99.
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章