Anatomy Atelier

Anatomy Atelier官网

Anatomy Atelier 是一个基于 Three.js 构建的开源交互式 3D 人体解剖学习网站，定位「像艺术家一样学习解剖学」（Learn anatomy like an artist）。整个站点以浏览器即用、无需安装的方式，把心脏、大脑、肺、肝脏、肾脏、眼球、肠道、胰腺与皮肤 9 个人体器官做成可旋转、可缩放、可点击标记的 3D 标本，并配以器官尺寸、重量、所在位置、主要功能、供血信息、显微组织、常见疾病、器官对比和人置图等系统化资料，颇有「数字博物馆」的气质。项目由 thebuggeddev 在 GitHub 开源，最大的亮点是它完整地演示了如何用 GPT Image 2.0 出图、Tripo AI 转 3D 模型、再用 Codex 配合 GPT 5.6 Sol 搭建出可交互的 Web 应用，是 AI 辅助个人项目落地的典型范本。

Anatomy Atelier 官网首页：可旋转的 3D 心脏标本

Anatomy Atelier的主要功能：

1. 3D 交互式器官标本：基于 Three.js 渲染的 9 个人体器官（心脏、大脑、肺、肝脏、肾脏、眼球、肠道、胰腺、皮肤），支持缓慢自动旋转、拖动视角、放大细节查看结构，以及点击热点标记查看关键解剖信息；
2. 系统化器官资料面板：选择任意器官后，右侧会展示其尺寸、重量、所在位置、主要功能、供血信息，并补充显微组织、常见疾病、器官对比和人置图，兼顾科普与课堂演示深度；
3. 多语言支持：页面内置多语言切换（含中文），右上角即可一键切换，降低非英语用户的使用门槛；
4. 知识测验（Labelling Quiz）：项目持续迭代中已加入「标签测验」等交互功能，让用户不只是「看」，还能动手标一标器官结构，加深记忆；
5. AI 流水线透明可复现：从界面设计图（GPT Image 2.0）→ 器官图片生成 → 3D 模型转换（Tripo AI）→ 站点搭建（Codex + GPT 5.6 Sol）→ 模型压缩与按需加载，整套 AI 辅助开发流程在仓库 commits 中清晰可查，是开发者复刻个人项目的优秀范本。

如何使用Anatomy Atelier？

使用流程如下：

1. 浏览器直接打开 Anatomy Atelier 在线体验站，无需注册、无需安装，进入后就是一颗缓慢转动的 3D 心脏；
2. 在左上角器官列表中切换大脑、肺、肝脏、肾脏、眼球、肠道、胰腺或皮肤，3D 标本随之替换；
3. 用鼠标拖动旋转视角、滚轮缩放细节，点击模型上的标记查看解剖说明，右侧资料面板会同步显示该器官的尺寸、重量、位置、功能与供血信息；
4. 如需本地运行或二次开发：准备 Node.js ≥ 22.13，克隆仓库 thebuggeddev/anatomy，执行 npm install → npm run dev 启动，正式构建用 npm run build。

Anatomy Atelier的使用场景：

1. 兴趣学习与课堂演示：把抽象的人体器官从课本剖面图升级为可旋转的 3D 标本，特别适合中学生物课、医学院预科和科普讲座做直观演示；
2. 医学知识科普与内容创作：科普作者、自媒体可以用它来录制器官讲解素材，比传统 PPT 更有沉浸感；
3. Three.js / Web 3D 学习参考：项目演示了 Three.js + Draco 压缩 + 按需加载的完整工程实践，是学习浏览器端 3D 应用的优秀开源案例；
4. AI 辅助个人项目开发范本：从设计图、3D 模型到完整 Web 站点，完整展示了如何用「GPT Image 2.0 + Tripo AI + Codex + GPT 5.6 Sol」组合拳把一个想法推进到可交付的成品，对开发者和 AI 编程学习者很有借鉴价值。

Anatomy Atelier：产品价格与版本

1. 免费开源：Anatomy Atelier 在 GitHub 公开仓库（thebuggeddev/anatomy）以开源形式发布，浏览器打开在线体验站即可免费使用全部交互功能；
2. 迭代中的早期版本：当前已覆盖 9 个器官并加入标签测验，器官数量、动画精度和教学细节仍在持续更新，适合作为学习参考与教学辅助，不替代正式医学教材。

Anatomy Atelier的常见问题解答：

Anatomy Atelier 和专业的医学解剖软件有什么区别？

它是面向浏览器和兴趣学习场景的开源学习站点，优势在于免安装、可在任意设备打开、AI 辅助制作的视觉风格精致；专业软件如 Complete Anatomy、3D Organon 等面向医学教育与临床，覆盖更全、标注更严谨且通常收费。

Anatomy Atelier 适合医学专业学习吗？

适合兴趣学习与课堂演示。作者在项目介绍中明确指出：器官位置/尺寸/功能等信息基于解剖学公开资料整理，不能替代专业教材或医疗建议，专业学习应配合正规教材与教师指导。

如何在本地运行或二次开发？

准备 Node.js 22.13 或更高版本，克隆 thebuggeddev/anatomy 仓库后执行 npm install 与 npm run dev 即可启动；正式构建用 npm run build；项目使用 Three.js + Draco 压缩 + Vercel 部署，技术栈对 Web 3D 开发者友好。

Anatomy Atelier官网网址：

Anatomy Atelier官网（在线体验站）入口网址：https://anatomyatelier.vercel.app/

项目源代码仓库：https://github.com/thebuggeddev/anatomy

OpenI AI时代点评

Anatomy Atelier 的特别之处不在「又多了一个解剖网站」，而在它把 AI 辅助个人项目的能力完整地外化成了一个可复制的范本：用 GPT Image 2.0 出设计图和器官图、用 Tripo AI 把 2D 变成 3D、用 Codex 配合 GPT 5.6 Sol 把代码搭起来——这条流水线把一个原本需要建模师 + 前端工程师的活，压缩到一个人也能完成。模型从 120-150MB 压缩到 2-5.5MB 的工程细节，也说明它不是「Demo 玩具」，而是认真在性能与体验之间做权衡。对普通用户，这是一个门槛极低的人体科普入口；对开发者，这是一份值得拆开学习的 AI 协作工程范例。建议浏览器打开体验站亲手转一转那颗 3D 心脏——它会比任何 PPT 更快帮你建立「心脏长什么样」的空间直觉。