无缝贴图生成器

在浏览器本地把普通纹理处理成可四方连续拼接的贴图:像素运算在您的电脑里完成,图片不会上传到任何服务器。适合苔藓、砂石、噪点、草皮等随机感较强的材质;若原图有明显砖缝、窗格等强规律,可多调「混合边界」与「随机种子」或多次生成对比。

本工具由 建筑曲奇导航 (hao.archcookie.com)收录; 导航站内的工具介绍页 可嵌入本站或分享链接。详细图文教程见 建筑曲奇主站 · 四方连续贴图教程

离线使用:下载 zip 后解压,保持 index.htmltexture-tileable.js 在同一文件夹,双击 HTML 即可在无网环境使用(也可继续用下方「选择图片」与画布点击上传)。

下载离线包(zip)

素材预览

输入

点击此处或拖拽图片上传,也可点上方「选择图片」

您的浏览器不支持 Canvas,请更换浏览器。

参数

混合边界

边越大越柔和,过大易糊细节。

%

随机种子

不同种子拼接取样不同。

生成结果

输出
您的浏览器不支持 Canvas。

生成

导出与预览

可用 2×2 / 4×4 检查接缝;确认后点绿色按钮下载原尺寸 PNG(画布仅为缩放显示)。

详细说明与相关链接

工具做什么

基于 histogram-preserving blending(直方图保持混合) 思路,在图像边缘做融合与重采样,使贴图左右、上下边缘能较好衔接,便于在 UV 平铺、地面铺装、游戏地形等场景重复使用。生成结果可通过 2×2 / 4×4 预览快速检查接缝,满意后再用绿色按钮下载 PNG 原尺寸(画布上的显示可能被缩放,以下载文件为准)。

更适合 / 不太适合

隐私与离线

选择图片后,处理过程在您本机浏览器内完成;本站服务器不接收您的图片文件。若需完全离线使用,请 下载离线包(zip) ,解压后保持 index.htmltexture-tileable.js 同目录并双击打开;也可自行另存本页与脚本。页面顶部同样有下载按钮。

相关链接

核心算法与演示代码来自 Unity Grenoble 公开项目(© Unity Grenoble)。本页界面与文案由建筑曲奇导航整理,便于中文用户与离线分发。

离线使用说明(展开)

请保证 texture-tileable.jsindex.html 在同一文件夹后双击打开;图片可拖入左侧预览区或点击画布选择。

下载离线包 seamless-texture-offline.zip

与页面顶部「下载离线包」为同一文件;若链接失效,请到 本站工具条目 查看更新。