Resprite 瓦片网格类型:矩形、等距菱形、六边形的使用场景
Resprite 支持三种瓦片网格
创建瓦片图层时,Resprite 会让你选择网格类型。不同网格适合不同风格的游戏和场景:
| 类型 | 英文 | 视觉效果 | 常见用途 |
|---|---|---|---|
| 矩形网格 | Rectangular | 方形格子横平竖直 | 2D 俯视角平台游戏、RPG 地面 |
| 等距菱形 | Isometric | 菱形格子,伪 3D 俯视 | 模拟城市、回合制 RPG、卡牌游戏 |
| 六边形网格 | Hexagonal | 六边形格子,6 邻接 | 策略游戏(Civilization 类)、棋类 |
矩形网格(Rectangular)
最基础、最常见的网格。优点是简单直接,瓦片贴图容易做。几乎所有 2D 平台游戏和像素 RPG 的地面都用矩形网格。
典型瓦片尺寸
- 16 × 16 / 32 × 32(经典 2D 游戏)。
- 与瓦片集本身尺寸一致。
平铺模式
创建矩形瓦片图层时,默认会开启"矩形平铺模式预览"——你在画的时候就能看到"如果无限铺开会是什么效果"。
等距菱形(Isometric)
等距网格让二维场景呈现伪 3D 的立体感。格子看起来是菱形的,物体有高度(可叠加)。
典型瓦片尺寸
- 菱形瓦片:宽度 = 2 × 高度(常见 64 × 32、128 × 64)。
- 需要注意瓦片集图片的尺寸与等距排列对应。
平铺模式
等距平铺模式让你在画的时候看到"等距排列的预览效果",而不是简单的正方形重复。
适用场景
- 《模拟城市》《星露谷物语》风格的游戏。
- 卡牌游戏的地图背景。
- 独立游戏的 3/4 视角地图。
六边形网格(Hexagonal)
六边形格子有 6 个相邻格子,比矩形的 4 邻接更自然,也更接近圆形。
两种六边形方向
Resprite 支持两种六边形朝向:
- Edge-to-edge:边对边,水平方向延伸。
- Pointy-top:尖角朝上,常见于 Civilization 类策略游戏。
适用场景
- 回合制策略游戏(文明、战棋类)。
- 棋盘游戏(六角围棋、战棋)。
- 地理 / 地形图。
平铺模式 vs 瓦片图层
Resprite 里提到"平铺模式"的地方有两种不同含义:
- 平铺模式预览(菜单 ▸ 视图 ▸ 平铺模式):在普通画布上预览重复效果,不创建瓦片图层。用来检查纹理是否无缝。
- 瓦片图层自带的平铺预览:创建瓦片图层后,Resprite 会自动在画布边缘做重复预览,让你在地图边界处也能看到"如果画过去会是什么样"。
两者都叫"平铺"但功能完全不同,不要混淆。
混合网格地图
Resprite 允许一张文档里同时放不同网格类型的瓦片图层:
- 一层矩形网格(地面)。
- 一层等距网格(建筑)。
- 一层六边形网格(装饰)。
导出 Tiled 地图时,不同网格类型的图层会拆到不同的 .tmx 文件里(Tiled 不支持不同网格混在同一 .tmx 里)。这是 Resprite 的特有功能。
功能可能随版本变化,瓦片网格类型从 DA v1.32.0 / iOS R59 开始提供。