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
热门跟贴