瓦片集与瓦片地图
瓦片集与瓦片地图适合制作游戏地图、地面拼块、等距场景、六边形地图和需要反复使用小图块的作品。你可以先准备一组可复用的瓦片,再在瓦片图层上像拼地图一样绘制场景。
瓦片集与瓦片地图功能从 DA 1.32.0、iOS R59 开始提供。如果你看不到相关入口,请先将 Resprite 更新到对应版本或更高版本。
平铺模式 用来预览图案重复后的效果,适合检查无缝纹理和循环背景。瓦片图层 则用来真正绘制瓦片地图。两者名字接近,但用途不同。

适合哪些场景
瓦片地图适合处理重复元素很多、需要随时调整布局的作品,例如:
- 游戏地面、墙体、道路、水岸和平台;
- 等距室内、城市场景和建筑拼块;
- 六边形地图、棋盘和策略游戏场景;
- 需要把同一组素材反复组合的背景或关卡草图;
- 需要与 Tiled 或游戏开发工具链交换的地图素材。
如果你只是想检查一张图能不能无缝重复,请使用平铺模式预览。如果你要编辑一整张由小图块组成的地图,请使用瓦片图层。
基本流程
一个常见的瓦片地图工作流是:
- 准备瓦片集,可以从图片导入,也可以从当前图层创建。
- 新建瓦片图层,选择矩形、等距或六边形网格。
- 在瓦片集面板中选择瓦片,然后在画布上绘制。
- 用选区、填充、橡皮和取色工具调整地图。
- 用地形规则提升铺地图效率,让边缘和连接处更容易保持一致。
- 最后按用途导出图片,或导出 Tiled 地图。
准备瓦片集
瓦片集是一组可以反复使用的小图块。打开文档后,可从 瓦片地图 ▸ 添加瓦片集 或 瓦片集 面板的添加菜单导入或创建瓦片集。
常用来源包括:
- 从图片:从 PNG 等图片创建瓦片集。
- 从瓦片集包:导入 Resprite 的
.restile瓦片集包。 - 从 Tiled TSX:从 Tiled 的
.tsx瓦片集文件导入。 - 链接当前图层:把当前普通图层作为链接瓦片集的来源。
- 从瓦片集库:从本机瓦片集库加载以前保存的瓦片集。

从图片创建瓦片集时,需要确认瓦片宽高、边距、间距、列数等切片参数。普通地砖通常只需要让瓦片宽高与图片切片一致;如果是树冠、墙面、等距物体这类会伸出格子的素材,可以在属性中调整基座尺寸和偏移,让它在地图上落位更自然。
新建瓦片图层
在时间轴图层菜单中选择 新瓦片图层,即可创建瓦片图层。
对话框中主要参数包括:
- 名称:图层名称。
- 网格类型:选择矩形、等距菱形或六边形。
- 默认瓦片集:该图层默认使用的瓦片集。
- 槽位宽 / 槽位高:地图格子的宽高。
- 交错轴 / 交错奇偶 / 六边形边长:六边形瓦片图层需要的排列参数。
这些六边形相关参数通常只在制作六边形地图时需要调整;不确定时保持默认即可。
确认后,Resprite 会创建新的瓦片图层,并自动打开瓦片集面板,方便你直接选择瓦片开始绘制。

绘制和修改地图
选中瓦片图层后,瓦片集面板就是当前画笔的素材来源。你可以选择单个瓦片,也可以框选多个瓦片组成一组瓦片组合,一次画出更大的结构。
常用工具行为如下:
- 铅笔:放置当前瓦片、瓦片组合或地形。
- 橡皮擦:清除格子中的瓦片。
- 填充工具:按瓦片地图的格子填充区域。
- 取色工具:从画布上已有的瓦片取样,快速切换当前瓦片或地形。
- 矩形选区:框选一片地图区域,并进行拷贝、剪切、删除、移动等操作。
在瓦片图层上绘制时,你是在调整地图中每个格子使用哪块瓦片,不会直接改动瓦片集图片本身。如果想修改瓦片图案,请编辑瓦片集来源图片,或使用下文的链接瓦片集工作流。

上图中的瓦片集素材取自 Kenney 制作的 16 × 16 像素素材包 Monochrome Pirates,该素材包依据 Creative Commons CC0 1.0 通用(CC0 1.0)公共领域贡献声明发布。
选择、移动与变换
瓦片图层的选区以格子为单位。你可以框选一块地图,复制到其他位置,或直接拖动它来调整布局。
常见操作包括:
- 框选一片地图区域;
- 删除选中区域内的瓦片;
- 拷贝 / 剪切 / 粘贴选中区域;
- 拖动选区,把一块地图移动到新位置;
- 对选区执行翻转或旋转,快速制作镜像或旋转后的地图结构。

使用地形规则
地形规则适合水岸、草地边缘、道路、墙体连接等需要自动匹配边缘的素材。设置好规则后,你只需要画出大致范围,Resprite 会根据周围格子选择合适的边缘瓦片。
基本流程:
- 在瓦片集面板中选择目标瓦片集。
- 打开 瓦片地图 ▸ 地形规则。
- 创建地形集,并选择“角”“边”或“混合”模式。
- 创建地形,并设置名称、颜色和可选的代表瓦片。
- 为瓦片集中的瓦片标记对应的规则位置。
- 回到瓦片集面板的“地形”页,选择地形后在瓦片图层上绘制。
地形规则支持矩形和等距瓦片图层。六边形瓦片图层暂不支持地形规则。

在地形规则窗口中整理好瓦片之间的连接关系后,回到瓦片集面板选择对应地形,就可以像使用普通画笔一样在地图上铺出大致范围。Resprite 会根据周围格子自动选择合适的边缘、转角和连接瓦片。

上述地形规则示例使用的 Grassland 瓦片集改编自 Shackhal 的 Multi Platformer Tileset,原素材依据 Creative Commons CC0 1.0 通用(CC0 1.0)公共领域贡献声明发布。本示例将瓦片集的上部区域修改为道路瓦片。
编辑瓦片集
瓦片集面板不仅用于选择当前瓦片,也可以维护当前文档中的瓦片集。
常用操作包括:
- 瓦片集属性:修改瓦片集名称、瓦片尺寸、基座尺寸等参数。
- 瓦片属性:调整单个瓦片的显示范围、偏移、出现概率和动画。
- 拷贝 / 剪切 / 粘贴 / 删除瓦片:在瓦片集内复制、移动或删除瓦片。
- 移动瓦片到瓦片集:把选中的瓦片移动到另一个兼容瓦片集。
- 重排瓦片集:重排瓦片集的列数和瓦片顺序。
- 合并到其他瓦片集:把一个瓦片集合并到另一个瓦片集。
- 保存到瓦片集库:保存到本机瓦片集库,供其他文档复用。
如果某个瓦片已经在地图中使用,Resprite 可能会要求确认后再执行删除、移动或合并等操作。遇到这类提示时,请先确认地图中是否仍需要这些瓦片。

链接瓦片集工作流
链接瓦片集适合在同一个文档里编辑瓦片图像,并立即检查它们在地图中的效果。
从图层创建新瓦片集
如果你还在绘制一组新的瓦片素材,可以先把它们放在普通图层或图层组中,再从这个图层创建链接瓦片集。
- 准备一个普通图层或图层组,用来绘制瓦片素材。
- 选择该图层或图层组。
- 使用 瓦片地图 ▸ 添加瓦片集 ▸ 链接当前图层 创建链接瓦片集;也可以打开时间轴图层菜单,选择 链接为瓦片集。
- 新建瓦片图层,并用该瓦片集绘制地图。
- 修改来源图层后,使用 从链接图层刷新,或开启 自动刷新关联瓦片集。

编辑已有瓦片集图像
如果瓦片集已经存在,也可以为它创建链接图层:
- 在瓦片集面板中选中目标瓦片集。
- 使用 创建链接图层,再选择 链接为图层 或 链接为组。这个入口既可以从瓦片集面板工具栏打开,也可以从所选瓦片集的菜单中打开。
- 在新创建的普通图层或图层组中修改瓦片图像。
- 修改完成后,使用 从链接图层刷新 更新瓦片集。

这个工作流适合还在反复打磨素材的阶段。你可以先把地图结构铺出来,再回到链接图层细化瓦片图案。

用链接组绘制复杂瓦片集
如果瓦片集结构较复杂,可以选择 链接为组(Link as Group)。Resprite 会将组内可见的栅格图层合成为瓦片集图像。
你可以把底色、轮廓、阴影、纹理和装饰分别画在不同图层。每个图层都可以单独调整顺序、显隐、透明度和混合模式。这样无需合并图层,也能随时修改瓦片的某一部分。

刷新链接瓦片集或开启自动刷新后,修改会应用到瓦片集,并显示在使用这些瓦片的地图位置。与链接单个图层相比,链接组更适合需要持续调整并保留分层结构的复杂瓦片集。
链接组至少需要包含一个栅格图层,不能包含瓦片图层。瓦片集仅使用来源图层的首帧内容。
瓦片动画
瓦片动画适合水面、火焰、机关、闪烁灯等会在地图中反复出现的动态元素。
你可以在瓦片属性中为某个瓦片设置动画帧。地图上使用这个瓦片的位置会按照动画设置显示,不需要逐个格子单独处理。

与普通图层配合
瓦片图层可以和普通图层、图层组一起使用。常见组合方式包括:
- 用底部瓦片图层铺地面;
- 在上方普通图层绘制角色、道具或特殊遮挡;
- 用多个瓦片图层分离地面、墙体、装饰和碰撞参考;
- 导出普通图片时,把瓦片图层一起渲染到最终画面中。
复杂遮挡关系建议优先用多个图层组织,而不是把所有内容都压在同一个瓦片图层里。
保存与版本兼容
包含瓦片图层的 .resprite 文件需要 DA 1.32.0、iOS R59 或以上版本打开。旧版 Resprite 不能完整读取瓦片地图内容。
如果需要把地图交给 Tiled 或游戏开发工具链,请继续阅读 Tiled 地图兼容性。
复杂项目建议
地图内容变多后,建议把地面、墙体、装饰、遮挡和交互参考拆成多个瓦片图层。这样更容易单独修改某一类内容,也方便在导出图片或 Tiled 地图时控制层级。
如果项目会交给 Tiled 或游戏开发工具链使用,尽量让同一组需要一起导出的瓦片图层保持相同的网格类型和瓦片尺寸。这样导出的地图结构会更清晰,后续接入也更稳定。