【小技巧】解決使用tiled map導入Unity後出現瓦片間縫隙的問題

tiled map editor是一個編輯2D遊戲地圖的絕佳利器,但貌似大部分人都是cocos2dx上用,Unity上使用的比較少。Unity自帶的tiledmap又實在是難用。

Tiled Map Editor結合Unity實現瓦片地圖的具體教程可以看這兩篇文章,其實本身也不是很複雜的軟件(插件?)
Tiled結合Unity實現瓦片地圖——Tiled2Unity篇
Tiled結合Unity實現瓦片地圖Unity實戰篇

然鵝在具體使用中還是出現了問題……
如下圖,導入Unity之後的地圖出現了超級多的縫隙,讓人渾身不舒坦
image_1

百度之後似乎也有不少人出現這種問題,不過大部分解決方案都是在cocos2dx裏的。
寥寥無幾的幾篇Unity裏的解決方案裏,這一種比較有效
在Unity裏打開Edit/Project Settings/Quality,然後把這一項設置爲disabled
image_2

然後,Unity中的地圖變成了這樣
image_3

嗯……不管怎麼說確實少了不少線,而且經過測試,打包出的遊戲在低畫質下運行,當地圖處於靜止狀態是沒有這些豎線的,但是隻要開高一點畫質,地圖發生運動,豎線簡直閃瞎狗眼!

而這一解決方案也有寫針對運動的地圖如何去掉縫隙——把原圖往外擴充1-2像素即可,交給美工處理或寫程序處理。
然而我既沒有美工,也懶得寫代碼(x)

經過我冥思苦想,想出了一個絕妙的好主意,親測可行
首先在tiled map editor裏編輯好地圖,然後新開一張地圖
注意!!! 塊大小設置成比原地圖小1-2像素!如下,我的原地圖的塊大小是16x16像素的
image_4

然後把原地圖複製粘貼到新地圖,再使用新地圖導入Unity
注意同步更改Tiled2Unity裏的Pixels Per Unit!
我忘了改所以地圖要稍微小一點,不過也沒有關係,在Unity裏改一下Scale或者再重新導出一次也OK。

即使開高畫質運動也沒有一絲縫隙!
image_5

縫隙問題就這麼又輕鬆又快捷的解決啦。

順便說另外一個小技巧,像素遊戲的sprite如果希望放大不變模糊,可以把sprite的Filter Mode設置爲Point,這樣就不會再使用默認的線性濾波處理圖片而是使用鄰近濾波來處理圖片,對於像素風格圖片是最適合的。

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