读取参考图中的可见轮廓、零件、材质与连接关系。
一张图片,生成可编辑的 Three.js
使用 img2threejs 上传物体图片,获得可预览、可检查、可继续修改的程序化 3D 起点。
- 可交互预览
- 可编辑 Three.js
- 可下载 TypeScript + JSON

放大 3D 结果使用 img2threejs 生成你的 Three.js 模型
实现方式
img2threejs 如何把可见证据变成可编辑 Web 3D
用简短、可检查的流程,让生成结果不止停留在第一次预览。把可见证据转换成有名称的程序化零件和安全的几何指令。
在浏览器中旋转和检查结果,下载可编辑的 TypeScript 与 JSON。
使用场景
实用的 Web 3D 起点
img2threejs 适合结构清楚的硬表面物体:重视可读结构,而不是承诺照片级表面恢复。为商品查看器、讲解页面和配置器制作浏览器原生初稿。
在最终建模、贴图和动画之前,先搭出可识别的道具结构。
从可读 TypeScript 开始,自然接入现有 Three.js 项目和 Git 工作流。
保留有名称的零件和材质,方便逐个替换并继续修改。
单图隐藏面来自推断而非测量;人物、毛发、玻璃和复杂曲面仍有明显限制。
常见问题
上传之前,先把边界说清楚
哪些图片更适合、可以得到什么,以及单图重建有哪些限制。什么是图片转 Three.js 转换器?
图片转 Three.js 转换器会分析参考图,把其中可见的物体重建为程序化 Three.js 场景。img2threejs 输出有名称的零件、材质、变换、可检查的 JSON 构建规格和可编辑 TypeScript,而不是一个无法理解的黑盒网格。
如何使用图片转 Three.js 转换器?
上传一张清晰的 PNG 或 JPG,参考图片建议,然后点击“快速生成”。图片转 Three.js 转换器会先校验返回结构,再显示可旋转结果;完成后可以下载 TypeScript 或 JSON 规格。
图片转 Three.js 转换器免费吗?
当前“快速生成”流程可以免费体验。未来的 Agent Refine 会进行多轮渲染、比较和修订,但这项云端多轮服务仍在开发中,不属于现在的快速转换器。
什么图片最适合图片转 Three.js 转换器?
优先使用光线稳定、边缘清楚、遮挡较少、背景简单的单个硬表面物体。独立商品图和道具通常比人物、人群、毛发、烟雾、透明玻璃或复杂场景更容易得到清楚的程序化结构。
图片转 Three.js 转换器会生成真正的 3D 吗?
会。结果是可以旋转并继续编辑的多零件 Three.js 场景。但它是程序化近似,不是照片级扫描网格,因为单张图片无法提供准确的隐藏面、真实尺寸和被遮挡的连接关系。
图片转 Three.js 转换器可以导出什么?
当前可以导出可读的 Three.js TypeScript 和结构化 JSON 模型规格,零件仍然有名称并可检查。快速流程暂不导出 GLB、OBJ、STL、成品贴图、碰撞体或完成的动画绑定。
图片转 Three.js 转换器生成的代码可以编辑吗?
可以。下载的工厂函数会返回带有命名零件的 THREE.Group。你可以修改名称、尺寸和变换,替换程序化几何体,调整材质,增加交互,并继续使用普通 Three.js 和 Git 工作流。
图片转 Three.js 转换器如何处理我的图片?
参考图会经由 img2threejs 服务端、OpenRouter 和已配置的下游 AI 服务商完成生成。这里没有与账号绑定的上传图库,但基础设施和 AI 服务商可能依据自身政策处理或保留请求数据。
图片转 Three.js 转换器等于摄影测量吗?
不等于。摄影测量通常从大量重叠照片估算测量级几何;图片转 Three.js 转换器使用一张主图和可选补充视角进行视觉分析与程序化构建,得到的是可编辑 Web 模型起点,而不是扫描结果。
图片转 Three.js 转换器的结果可以商用吗?
你需要确保拥有所有上传参考图的使用权,并自行检查生成结果。在满足这些权利要求和《服务条款》的前提下,可以在自己的商业或非商业项目中使用和修改生成代码。
