ISO 像素地磚:無縫拼接方法
![]()
文本概覽:全文約 1,153 字,閱讀約 3 分鐘。
畫一顆等距方塊不難,難的是把一排草地、泥土磚拼成一片還不露接縫。很多入門圖一開始用“前角塞三個像素”的寬角,單塊好看;一貼鄰磚,頂面菱形對不齊,整片地形像被撕過。經典教程 Gunstar Red @ Gas13[1] 把這件事說死了:好看的單塊畫法,和能平鋪的地磚畫法,不是同一種。
地磚的斜邊:只有 2 橫 1 豎
等距像素畫的地面是菱形網格。
工程制圖里的真 30° 在顯示器上會抖成難看的鋸齒;像素約定改成約26.565°——記法更簡單:
兩格橫、一格豎(1 up, 2 across)。
![]()
![]()
![]()
放大看斜邊,應是穩定的“兩像素臺階”。地磚頂面四條邊、立面斜邊,都走同一節奏;混進 1:1 斜線或隨意三像素拐角,tileset 會先在網格上破產。
兩種方塊:單塊好看 vs 能鋪地圖
Gunstar Red 拆成兩種構造:
Type 1 — 前角三像素
前角堆三個像素,盒子看起來更“圓潤”、更順眼。
![]()
Type 2 — 全程 2:1
從第一筆到最后一筆都只用“兩橫一豎”,不搞三像素寬角。
![]()
差別在拼接時才爆炸:
![]()
![]()
要 tile(平鋪)成更大圖形,用 Type 2。Type 1 兩塊貼一起,前角會咬出難看的鋸齒。
做 ISO地形 tileset——草地、泥土、石板成片鋪——默認選 Type 2;Type 1 留給不拼鄰邊的獨立道具。
地磚怎么長出來:先頂面,再下落成立體
一套可鋪的地磚,最小單元仍是等距盒子:
- 用 2:1 線畫出頂面菱形(這是地磚貼地的那一面)
- 復制頂面圖層,垂直下移,用豎直線接左右前棱,得到厚度
- 頂亮、左中、右暗(或統一光源),三個面顏色分開
![]()
只要頂面菱形尺寸統一,高度可以變:矮磚貼地,高一點的 cuboid 當臺階/巖塊。
扁到幾乎沒有立面的“純頂面磚”也能鋪,但抬不起高度。
接到地形 tileset 時的硬規矩
- 邊角語言統一:整套草地/泥土只用 Type 2;不要“示范磚 Type 1、量產磚 Type 2”混裝
- 斜邊只認 2:1:草葉、碎石可以出邊,但磚的幾何外輪廓仍要落在 2:1 網格上
- 先 2×2 / 3×3 驗收:單磚好看不算過關,拼宮格看接縫與角點
- 獨立裝飾另冊:箱子、路燈用 Type 1 可以,別塞進自動平鋪層
下一步:用 Type 2 畫一枚草地頂面磚 + 一枚泥土頂面磚(可先平涂三面明暗),在編輯器里拼 3×3,專門盯角點有沒有 Gen 出“三像素寬角”的回潮。
小練習(15 分鐘):只開鉛筆、關掉抗鋸齒。畫一條至少 16 段的 2:1 斜線;再畫兩顆頂面同寬的等距盒子——一顆故意 Type 1,一顆 Type 2——并排貼緊。
哪顆接縫干凈,哪顆就該進你的地形 tileset。
參考資料
Gunstar Red @ Gas13: http://gas13.ru/v3/tutorials/isometric_pixelart_tutorial_the_two_types.php
Isometric Pixelart Tutorial Part 2: Mathematics — Gunstar Red @ Gas13: http://gas13.ru/v3/tutorials/isometric_pixelart_tutorial_mathematics_of_isometrics.php
Part 3: The Two Types: http://gas13.ru/v3/tutorials/isometric_pixelart_tutorial_the_two_types.php
Part 4: Throwing Shapes: http://gas13.ru/v3/tutorials/isometric_pixelart_tutorial_throwing_shapes.php
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.