又一个神级skill，一张图直接变成可交互的Three.js 3D模型

• URL: https://mp.weixin.qq.com/s/uGpPGNtVZ2CO7KwttEkang
• Date Saved: 2026-07-22
• Source: WeChat
• Tags: ai-tools, creative-ai
• Repo: https://github.com/hoainho/img2threejs (1.5k stars)

Summary

介绍 img2threejs — 一个专用 Cursor/AI coding skill，能用一张图片生成可交互的 Three.js 3D 模型。

核心流程

1. 用户提供一张参考图
2. AI 分析物体轮廓、比例、组件、材质和细节
3. 生成结构化建模规格（先规格后代码）
4. 用 Three.js 基础几何体 + 程序化纹理重建物体
5. 输出纯代码、可 Git 管理的 3D 模型

功能特点

• 纯代码生成 — 输出后可直接调整尺寸、颜色、材质、交互逻辑
• 规格先行 — 先建立组件层级、材质系统、质量标准，再生成代码（避免 AI 盲写）
• 分阶段构建 + 视觉检查 — 从轮廓到结构逐层推进，每阶段需浏览器截图对比参考图，达标后才进下一阶段
• 程序化材质 — 拉丝、颗粒、噪声、焊缝、铆钉、污渍等，随模型尺寸动态调整
• 动画就绪 — 主要组件有稳定命名和父子关系，支持扩展为机械动画、游戏道具、粒子效果、物理碰撞等

适用场景

• 产品网站全方位展示
• 游戏道具/载具
• 动画特效

体验

作者用 GPT5.6-sol 模型，从安装到生成第一个 3D 模型不到 10 分钟。