为什么需要
独立开发者做 3D Web 产品,要么花 $500-$2000 找 3D 设计师出图和建模,要么自己学 Blender 折腾一周出一个勉强能看的模型。img2threejs 换了一种方式:上传产品参考图,AI 分析物体结构,生成可运行的 Three.js 代码,直接集成进项目,不用建模经验。
核心思路是「程序化重建」——不是把图片变成网格文件,而是生成创建几何体的代码指令。这样输出是纯文本,版本控制友好,修改起来也比改二进制模型方便得多。
怎么用
把它放进 AI Agent 的 skills 目录,在支持视觉识别的 Agent(如 Claude Code、Codex、OpenCode)里直接调用:
- 上传产品实拍图,说明要做什么对象
- Agent 自动分析图片,写出重建规格说明书(spec)
- 质量门控检查规格完整性,不合格就打回重写
- 生成 Three.js 代码,浏览器渲染截图
- Agent 用视觉能力对比原图评分,不通过就自我修正后重跑
一个完整的 3D 资产通常 2-5 轮迭代就能达到可接受的质量。每次迭代 Agent 会自动选择:继续、修正规格、修正代码、补充图片,或停止。
生成结果不是静态模型文件,而是一个 Three.js 工厂函数,里面包含完整的节点层级(旋转轴、插槽、碰撞体),直接拿来写动画就行。
使用案例
一个独立开发者做了个 3D 展示的 SaaS 产品介绍页,需要给每个产品模型做旋转展示动画。以前请 3D 设计师出一个模型 $200 起,现在用 img2threejs,上传产品图,$0.5 的 AI 调用费,2 小时拿到可集成的代码,改了 2 轮就把动画接进去了。
另一个场景是独立游戏开发者想做一批 Low-Poly 风格的 3D 道具展示。以前用 Blender 一个个手调,现在上传参考图,生成程序化几何体代码,跑一遍就能出几十个道具,代码直接集成到游戏引擎。
注意事项
- 定价:完全免费开源,Apache-2.0 协议
- 需要 AI Agent 配合(Claude Code、Codex、OpenCode 等具备视觉能力的 Agent)
- 单次生成成本低(视觉 API 约 $0.2-$2/张),但完整资产通常需要 2-5 轮迭代
- 生成的代码依赖 Three.js,需了解基本概念才能二次修改
- 复杂角色(带纹理贴图、精确面部结构)的质量不如专业建模