像素畫遊戲開發：場景設計Tile圖塊拼接指南

「

 摘要：像素畫遊戲開發：場景設計Tile圖塊拼接指南

」

作者：cyangmou

教你畫像素畫編譯出品

要開發遊戲，場景設計和Tile圖塊（以下簡稱Tile）是不可或缺的，因為遊戲角色需要有一個生活和戰鬥的地方，那就是場景。為了節約內存和容量，使用Tile來拼接場景就是必然的選擇。

Tile是什麼？

—

Tile是固定網格上對齊的小塊圖形。因此，我們必須確保這個網格不會被玩家發現。為了做到這一點，Tile需要做到上下左右4個方形都可以無縫拼接。

下面的大片草地就是由紅框內的Tile圖塊鋪滿得到的。1個草地Tile經過程序平鋪就可以獲得無限大的草地，是不是很神奇呢？

<圖片1>

為什麼要用Tile？

—

用Tile來填滿關卡場景要比載入一張場景大圖效率高的多；Tile還可以重複使用來拼搭不同的關卡，而場景大圖只能對應一個關卡；使用Tile還可以節省內存。

Tile的尺寸

—

方形Tile常用尺寸：16X16；32X32；64X64。像素畫遊戲大多使用16X16哦，星露谷就是，因為尺寸越小成本越低哦。Tile的尺寸增加1倍，工作量會增加3倍。另外像素畫是可以無損放大的，最高支持400%放大，效果也是很不錯的。

ISO Tile常用尺寸：32X16；64X32;128X64

六角形Tile主要用於戰略遊戲。

如何畫Tile？

—

首先是資料收集和草圖階段，完全不需要考慮無縫拼接。當獲得比較好的草圖時，再製作成可以無縫拼接的Tile。

打開

Aseprite

View

Tiled Mode

Tiled in both Axes

但是1個Tile的草地大面積平鋪的時候還是會有很明顯的柵格（玩家可以看出來使用1個Tile平鋪的...這就是露陷了）。

這個時候就可以複製已經畫好的Tile，稍微修改，就可以獲得多個可以無縫拼接的Tile。

具體方法是，保留Tile4個角上的圖案，中間的部分擦去填充，然後可以隨便畫。因為拼接的區域是4個角和4個邊，角和邊不變就可以無縫拼接了。

使用3個Tile拼出來的草地，效果就好多了。

完。

本賬號系網易新聞-網易號「各有態度」簽約賬號

-------------推薦閱讀------------

Pedro Medeiros像素畫系列教程-Tile圖塊教程

遊戲開發基礎-星露穀草地場景Tile設計

使用Aseprite快速製作場景Tile

笨辦法學像素畫：室內場景Tile

--------------近期好文-------------

--------------分割線-------------

為了更好的閱讀體驗，請點亮公眾號～

掃碼查看像素畫系列教程??

掃碼關注公眾號，查看更多像素畫教程