一键将照片变3D模型！这款开源插件让Three.js建模像写代码一样简单

你是否曾为在网页中快速创建可交互、可动画的3D对象而头疼？Three.js功能强大，但手写几何体、材质、层级和动画逻辑门槛极高。Three.js Object Sculptor 正是为此而生——它不是传统建模工具，而是一个智能“代码雕塑家”：只需上传一张物体照片，它就能自动生成结构清晰、注释完整、开箱即用的纯JavaScript Three.js源码，直接运行即可渲染出带层级关系、材质细节与动画接口的高质量3D模型。

核心功能

• 图像驱动建模：基于单张参考图（如产品照片、概念草图）自动理解物体形态，不依赖多视角或深度传感器
• 全流程代码生成：从粗略块面（blockout）到曲面细分、材质分层、UV逻辑，全程输出人类可读、可调试的Three.js源码
• 动画就绪架构：默认构建含命名组（Group）、可独立控制的部件层级（如“塔楼旋转节”“树枝摆动组”），天然支持GSAP、React Three Fiber等动画生态
• 质量闭环验证：生成后自动比对浏览器实时渲染结果与原始图片，在代码中嵌入视觉校验逻辑，确保几何比例与材质质感贴近参考
• 场景友好设计：输出代码自带光照适配、抗锯齿设置、响应式画布及基础交互（缩放/旋转/重置），开箱即接入现有Web项目
• 轻量可扩展：基于Python+Codex的插件架构，开发者可定制几何生成策略（如树干分形算法、金属磨损材质规则）而不改动核心流程

适合哪些人用

前端工程师、WebGL初学者、创意编码爱好者、教育工作者、原型设计师——只要你需要在网页中快速部署**可维护、可演进、非黑盒**的3D内容，而不是下载一个无法修改的.glb文件。尤其适合教学演示（展示“3D模型如何由代码构建”）、产品页动态展示（替换静态图）、游戏原型开发（快速搭建可动机关卡物件）等场景。美术功底非必需，但理解基本三维概念（如网格、材质、层级）会大幅提升使用效率。

快速上手

目前项目以Codex插件形式提供（需接入OpenAI Codex环境），但已开放全部生成逻辑与示例代码。普通用户可通过以下方式体验：

• 访问在线Demo：打开Tower Ship演示页或Ancient Autumn Tree演示页，查看生成效果与源码
• 本地运行：克隆仓库后，安装Python 3.9+依赖（pip install -r requirements.txt），运行python main.py启动本地服务，上传图片即可获取生成代码
• 集成开发：将生成的.js文件直接导入Vue/React项目，配合@react-three/fiber或原生Three.js使用，无需额外构建步骤

项目信息

编程语言：Python｜Star 数：562｜开源协议：MIT｜GitHub 项目地址

这不是又一个“AI一键生成3D”的噱头工具，而是一次对Web 3D开发范式的真诚重构——把建模权交还给开发者，用代码的确定性替代黑盒资产的不可控性。