Resprite 创建瓦片集:从图片导入、从当前图层创建、瓦片尺寸设置
创建瓦片集的三种方式
1. 从现有图片导入
最常用的方式。你有一张已经按网格排列好的瓦片集图片(PNG),直接导入。Resprite 会按你指定的瓦片尺寸自动切分。
2. 从当前图层创建
在 Resprite 里先画好瓦片(按网格排列在普通图层上)→ 选中这个图层 → 从图层创建瓦片集。Resprite 会把图层内容按网格切成独立瓦片。
3. 手动逐个绘制(Resprite 瓦片编辑器)
在 Resprite 瓦片编辑器里逐个新建空白瓦片 → 逐个绘制。适合瓦片数量不多、想在 Resprite 里直接设计整套瓦片集的场景。
关键参数:瓦片尺寸
导入图片时,Resprite 需要知道每个瓦片占多少像素(tile width × tile height)。
| 尺寸 | 常见用途 |
|---|---|
| 8 × 8 | 极简复古风格,Game Boy 类似 |
| 16 × 16 | 经典像素游戏(NES、早期 PC) |
| 32 × 32 | 中等复杂度,现代 2D 游戏常用 |
| 64 × 64 | 高分辨率像素画、等距大瓦片 |
边距(Margin):瓦片集图片四周的空白像素数。如果原始瓦片集图片边缘有空白(常见于导出格式),需要告诉 Resprite 跳过这部分。
间距(Spacing):瓦片之间的空白像素数。比如原始瓦片集里每个 16×16 瓦片之间有 2 像素间隙,spacing 就设为 2。
如何确定这些参数
最简单的办法:找瓦片集图片,用像素标尺量:
- 瓦片尺寸:量相邻两个瓦片同位置(比如左上角)之间的像素数。
- 边距:量图片左边缘到第一个瓦片左边缘的像素数。
- 间距:量一个瓦片右边缘到下一个瓦片左边缘之间的像素数。
瓦片集面板
创建好瓦片集后,在瓦片集面板里你可以:
- 浏览所有瓦片。
- 拖动重排(影响瓦片在地形规则中的编号)。
- 点击选择一个瓦片放到地图上。
- 右键(桌面)或长按(iOS)可以把瓦片设为地形规则的某一类型。
- 设置瓦片动画(让瓦片循环播放几帧)。
瓦片集与瓦片图层的关系
瓦片集是素材仓库,瓦片图层是舞台。一个瓦片集可以被多个瓦片图层使用(比如地面层和装饰层共用同一个瓦片集)。删掉瓦片集后,所有使用它的瓦片图层会变成"引用丢失"状态,所以先删瓦片图层再删瓦片集。
实际操作示例
假设你有一张 256×128 的草地瓦片集图片,里面每个瓦片是 32×32,排成 8 列 × 4 行:
- 菜单 ▸ 瓦片集 ▸ 从图片导入。
- 选择图片。
- 瓦片宽:32,瓦片高:32,边距:0,间距:0。
- Resprite 自动切分出 32 个瓦片。
- 在瓦片集面板里浏览检查有没有切错位置。
- 如果切错了,回去检查 margin / spacing 参数重新导入。
继续阅读:瓦片地图绘制