3D 模型工作室
English | 中文
AI 驱动的交互式 3D 模型生成、检视与展示工作室。
3D 模型工作室是一个基于 React + Three.js 的原型，用于将上传的参考图片或 GLB 文件转化为精美的交互式 3D 工作空间。它支持实时 WebGL 轨道控制、左侧模型库 / 中央舞台 / 右侧工具工作台、截图、GLB 导出、可折叠的上传历史、演示展示模式、生成队列，以及可选的图像转 3D 提供商，用于根据上传的参考图片生成真实的 3D 模型。
演示
打开演示视频：演示 MP4
功能特性
- 使用 React 三纤维构建的交互式模型查看器。- 三列工作台: 左侧为模型库,中间为 WebGL 舞台,右侧为资源/生成工具。- 可拖动以旋转,滚动以放大,隔离结构部分,检查模型细节,并导出当前场景。- 具备推断类别、源、提供者状态、材质焦点、演示值和标签的对象感知检查器,适用于车辆、飞机、船舶、产品、人工物品和有机标本。- 对生成的 GLB 进行质量评分,包括文件大小、三角形数量、纹理数量和演示准备情况。- 屏幕截图和屏幕录制的演示模式: 隐藏侧面面板,使用对象感知的电影摄影机路径,并显示干净的演示覆盖图。- 产品化的模型库抽屉,包含源缩略图、提供者/状态、任务 ID、GLB URL 操作、比较和删除控制。- 默认情况下,已保存的资源保持折叠状态,而活动的生成/导入资源则保持锁定并可点击。- 通过 IndexedDB 通过刷新恢复生成/导入的模型,本地存储作为紧凑的备选方案。- 通用部件详情抽屉、资源引用、比较面板、备注、图库操作、日志、保存的项目和紧凑的生成队列。- Hyper3D、Tripo、Fal.ai、Hunyuan3D、JS Depth 和本地 GLB 生成/导入模式。- 缓存的演示 GLB 模型,用于支持离线的屏幕截图和演示。- 辅助 Khronos glTF 参考模型,用于 GLB 加载器和 PBR 材质检查。- API 密钥保留在服务器端的 .env.lo