心脏长什么样、心室和心房分布在哪里，你可以把知识点背下来，但比较难在脑子里建立一个完整的空间结构。

最近逛 GitHub，我看到一个做得贼精致的 3D 人体解剖项目：Anatomy Atelier。

打开网页后，你会看到一颗会缓慢转动的 3D 心脏出现在屏幕中央。

还可以拖动视角、放大细节、点击标记，也可以切换到大脑、肺、肝脏等器官继续探索。

把人体器官 3D 展示的开源项目

Anatomy Atelier 是一个基于 Three.js 制作的交互式人体解剖学习网站。

项目当前收录了 9 个器官，包括心脏、大脑、肺、肝脏和肾脏。眼球、肠道、胰腺与皮肤也已经加入其中。

-

-

项目地址：https://github.com/thebuggeddev/anatomy在线体验：https://anatomyatelier.vercel.app不用安装专业的医学软件，浏览器打开就能这些 3D 演示。

有点数字博物馆那味儿了。

中间是 3D 标本，左侧是器官列表，右侧则是解剖资料。

选择一个器官后，页面会给出它的尺寸、重量、所在位置、主要功能和供血信息。下面还整理了显微组织、常见疾病、器官对比和人体位置图。

这些内容被放进了一套完整的视觉界面里，看起来舒服，也没有医学资料网站常见的拥挤感。

这个项目是怎么用 AI 做出来的

这个开源项目的制作过程可以学习一下。

我估计后面超级炫酷的 3D 开源项目又一大批一大批的涌现出来。

作者先用 GPT Image 2.0 做出一张完整的界面设计图，再逐个生成器官图片。

接着，他把这些图片交给 Tripo AI，转换成可以放进网页的 3D 模型。

准备好设计图和模型后，作者在 Codex 中写了一份基于设计图的主提示词，把提示词、设计图和 3D 模型一起交给 GPT 5.6 Sol，开始搭建网站。

第一版已经能够运行，但模型体积和帧率问题随之出现。

最初，每个器官模型大约有 120MB 至 150MB，全部模型加起来接近 900MB。

网页只有约 16fps，加载和操作体验都不理想。

经过几轮处理，单个模型被压缩到约 2MB 至 5.5MB，9 个模型的总量缩减到 28.6MB，视觉质量仍然保留了下来。

后面的工作围绕模型压缩、按需加载和渲染性能继续迭代。器官位置插图、结构热点和对应说明也在这个过程中逐步补齐。

作者自己提到，整个过程并非一次完成，不过也不难，只需要一步步推进。

视觉生成、3D 建模和代码生成连起来工作，人要负责的是方向、判断和持续修正。

如何运行

只是想体验的话，打开在线地址就行。

页面已经支持中文，在右上角切换语言即可。

如果你想研究源码或修改项目，本地启动也不复杂。

先准备 Node.js 22.13 或更高版本，然后运行：

git clone https://github.com/thebuggeddev/anatomy.gitcd anatomynpm installnpm run dev需要检查正式构建时，可以执行：

npm run buildAnatomy Atelier 目前只覆盖 9 个器官，部分课程和动画也比较基础。

医学资料适合兴趣学习与课堂演示，不能替代专业教材或医疗建议。

作为一个仍在早期阶段的项目，它已经展示了很完整的制作思路：先用 AI 完成视觉与 3D 素材，再借助 Codex 搭建交互体验，最后花时间处理性能和学习细节。

如果你正在学习 Three.js、开发教育产品，或者想看看 AI 能把个人项目推进到什么程度，这个项目值得打开玩一会儿。