resprite 中文文档 下载 App

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。

如何确定这些参数

最简单的办法:找瓦片集图片,用像素标尺量:

瓦片集面板

创建好瓦片集后,在瓦片集面板里你可以:

瓦片集与瓦片图层的关系

瓦片集是素材仓库,瓦片图层是舞台。一个瓦片集可以被多个瓦片图层使用(比如地面层和装饰层共用同一个瓦片集)。删掉瓦片集后,所有使用它的瓦片图层会变成"引用丢失"状态,所以先删瓦片图层再删瓦片集。

实际操作示例

假设你有一张 256×128 的草地瓦片集图片,里面每个瓦片是 32×32,排成 8 列 × 4 行:

  1. 菜单 ▸ 瓦片集 ▸ 从图片导入。
  2. 选择图片。
  3. 瓦片宽:32,瓦片高:32,边距:0,间距:0。
  4. Resprite 自动切分出 32 个瓦片。
  5. 在瓦片集面板里浏览检查有没有切错位置。
  6. 如果切错了,回去检查 margin / spacing 参数重新导入。

继续阅读:瓦片地图绘制