做瓦片地图最耗时的不是画地形本身，是补齐它的边、角、内角——一块草地要能用，得有直边、外角、内角、孤块、细腰……手画是几十张图、一下午的活。这一页把这件事变成一次计算：你给一块素材，它按 8 个邻居的有无算出全部变体，边线圆滑、内角正确，导出的图能直接拖进 Tiled / Godot / 自研引擎。图片只在你的浏览器里处理，不上传服务器。
Blob 47 格 / 256 格 / Wang 16 格 · 瓦片尺寸与描边可调 · 导出 PNG 合图 + Tiled .tsx + 索引 JSON · 带试画画板，边角接没接上当场看得见
一块草地 / 水面 / 岩石 / 沙地都行，最好是无缝平铺的小图（32×32、64×64 最合适）
8 个邻居每个都有/无，理论上是 2⁸ = 256 种组合。但其中很多画出来是一模一样的图：比如「右上方有地形、但上方和右方都没有」这种，按常理那个角是连不过来的，画出来和没有它完全相同。把这些重复的合并掉之后，恰好剩下 47 种不同的形状——这就是 47 格的来历。要是你不想在引擎里查表，就选 256 格，一个掩码一张图，贵在图大但省心。
不用。47 是按「画出来的形状」去重的，不是按旋转去重的（按旋转去重只剩 14 个），所以每一格都是固定朝向，铺地图时拿位掩码直接查表取第几格就行。导出的 JSON 里 maskToTile 就是这张表——它是必需的，因为 47 模式下的掩码不连续，不能拿掩码当下标用。
瓦片里的地形材质是按素材尺寸平铺采样的。素材 32、瓦片 32（或 64、96）时，每个瓦片里的纹理相位都一样，拼起来天衣无缝；素材 32、瓦片 48 时，第二个瓦片的纹理会从素材的第 16 个像素开始，相邻瓦片之间纹理会错开一截，看得出接缝。要么按提示改瓦片尺寸，要么改用「拉伸」模式（一格正好一张完整素材，代价是纹理被缩放）。
Blob（8 邻接）把斜对角的邻居也算进来，所以能画出圆滑的外角、细腰、孤块，看起来像手绘地形，是现在的主流。Wang 16（4 邻接）只看上下左右，斜对角不参与，边角是直角，出来的风格更方正、更老派（GB/FC 那味）。同一个素材两种都能生成，切一下对比最直观。
地形和背景色接近时，加 1~2 px 描边能让人一眼看清边界，是很常见的美术处理。默认关着，因为描边画在地形外侧，会占掉瓦片边缘的像素——如果你的瓦片尺寸很小（16 px）或者素材本身对比强烈，就别加。颜色默认「自动取色」：取素材的平均色压暗，比写死黑色更贴。
把导出的 PNG 合图和 .tsx 放在同一个文件夹，在 Tiled 里新建瓦片集时选择这个 .tsx，里面的地形集（wangset）就已经配好了——用地形笔刷画的时候，边角会自动接上，不用你手动挑瓦片。文件里 type="mixed" 对应 8 邻接，type="edge" 对应 4 邻接的 16 格，工具会按你选的规格自动切换。
免费，无水印、无需注册。整个生成过程在浏览器本地完成，图片不经过任何服务器。
