← 工具

img2threejs

上传一张产品实拍图,AI 自动生成对应的 Three.js 3D 模型代码。输出为程序化几何体而非二进制模型文件,可直接集成到 Web 项目中,支持动画骨骼和交互逻辑,独立开发者无需 3D 建模经验即可做 3D 产品,Stars 9.3K+

#48
推荐排名
9,356
GitHub Stars
14,595
推荐得分
独立开发者需要 3D Web 产品但无 3D 设计师 / AI Agent 批量生成 3D 资产
适用场景
开发工具3DAI应用前端自动化

为什么需要

独立开发者做 3D Web 产品,要么花 $500-$2000 找 3D 设计师出图和建模,要么自己学 Blender 折腾一周出一个勉强能看的模型。img2threejs 换了一种方式:上传产品参考图,AI 分析物体结构,生成可运行的 Three.js 代码,直接集成进项目,不用建模经验。

核心思路是「程序化重建」——不是把图片变成网格文件,而是生成创建几何体的代码指令。这样输出是纯文本,版本控制友好,修改起来也比改二进制模型方便得多。

怎么用

把它放进 AI Agent 的 skills 目录,在支持视觉识别的 Agent(如 Claude Code、Codex、OpenCode)里直接调用:

  1. 上传产品实拍图,说明要做什么对象
  2. Agent 自动分析图片,写出重建规格说明书(spec)
  3. 质量门控检查规格完整性,不合格就打回重写
  4. 生成 Three.js 代码,浏览器渲染截图
  5. 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,需了解基本概念才能二次修改
  • 复杂角色(带纹理贴图、精确面部结构)的质量不如专业建模