以前上生物课，认识人体器官主要靠课本里的剖面图。
心脏长什么样、心室和心房分布在哪里，你可以把知识点背下来，但比较难在脑子里建立一个完整的空间结构。
最近逛 GitHub，我看到一个做得贼精致的 3D 人体解剖项目：Anatomy Atelier。
打开网页后，你会看到一颗会缓慢转动的 3D 心脏出现在屏幕中央。
还可以拖动视角、放大细节、点击标记，也可以切换到大脑、肺、肝脏等器官继续探索。
01 把人体器官 3D 展示的开源项目
Anatomy Atelier 是一个基于 Three.js 制作的交互式人体解剖学习网站。
项目当前收录了 9 个器官，包括心脏、大脑、肺、肝脏和肾脏。眼球、肠道、胰腺与皮肤也已经加入其中。
项目地址：https://github.com/thebuggeddev/anatomy
在线体验：https://anatomyatelier.vercel.app不用安装专业的医学软件，浏览器打开就能这些 3D 演示。
有点数字博物馆那味儿了。
中间是 3D 标本，左侧是器官列表，右侧则是解剖资料。
选择一个器官后，页面会给出它的尺寸、重量、所在位置、主要功能和供血信息。下面还整理了显微组织、常见疾病、器官对比和人体位置图。
这些内容被放进了一套完整的视觉界面里，看起来舒服，也没有医学资料网站常见的拥挤感。
02 这个项目是怎么用 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 建模和代码生成连起来工作，人要负责的是方向、判断和持续修正。
03 如何运行
只是想体验的话，打开在线地址就行。
页面已经支持中文，在右上角切换语言即可。
如果你想研究源码或修改项目，本地启动也不复杂。
先准备 Node.js 22.13 或更高版本，然后运行：
git clone https://github.com/thebuggeddev/anatomy.git
cd anatomy
npm install
npm run dev需要检查正式构建时，可以执行：
npm run buildAnatomy Atelier 目前只覆盖 9 个器官，部分课程和动画也比较基础。
医学资料适合兴趣学习与课堂演示，不能替代专业教材或医疗建议。
作为一个仍在早期阶段的项目，它已经展示了很完整的制作思路：先用 AI 完成视觉与 3D 素材，再借助 Codex 搭建交互体验，最后花时间处理性能和学习细节。
如果你正在学习 Three.js、开发教育产品，或者想看看 AI 能把个人项目推进到什么程度，这个项目值得打开玩一会儿。
本文由作者@逛逛GitHub，授权发布于平台，未经许可禁止转载。