
学人体解剖最难的,往往不是背名词,而是在脑子里搭出空间。心脏在纵隔里怎么叠、肾动脉从哪穿出来、一块肌肉盖住另一块时底下还有什么——二维图解帮得上忙,但一旦结构互相遮挡,平面图就显得吃力。
交互式 3D 人体解剖模型一直是一个门槛较高但需求极大的方向。长期以来,高质量的 3D 解剖数据和高性能的 Web 端渲染框架往往被商业软件垄断。
近期开源的 Human Atlas 把日本生命科学数据库中心的 BodyParts3D 4.0 成人男性参考解剖,直接做成浏览器里可拆、可搜、可隔离的三维图集,受到了医学科技爱好者和Web/WebGL开发者的广泛好评。
Human Atlas:https://github.com/ashemag/human-atlas
在线体验:https://human-atlas-seven.vercel.app
Human Atlas是一个轻量级开源 3D 人体解剖学探索平台,核心目标是在浏览器中实现零依赖、低延迟、高精度的 3D 人体结构拆解与交互。
打开 Human Atlas 的 Demo之后,首先看到的是一套完整的人体三维模型。
可以像 Google Earth 一样:
- 鼠标拖动旋转人体
- 滚轮缩放
- 点击具体人体结构
- 单独显示某个系统
- 隐藏不需要的系统
- 搜索某个器官、骨骼或解剖结构
- 将某个结构单独隔离出来查看
- PC用大屏模式,手机上用紧凑控件和详情面板
真正让 Human Atlas 与普通 3D Model Viewer 拉开差距的,是下面几个核心功能。
-
丰富的解剖数据(BodyParts3D):
项目基于开源的 BodyParts3D 4.0 成人男性解剖数据集(CC BY 4.0 协议许可)。包含了 2,234 个可独立选择和高亮的 3D 网格模型(Mesh),涵盖了 15 个解剖系统(骨骼、肌肉、神经、循环等)以及 3,432 个命名概念。
-
爆炸图(Exploded View)与透视拆解:
不仅支持标准的旋转、缩放、平移,还支持将人体结构进行分解爆破(Exploded Inventory),方便用户清晰地观察被掩盖在内层的器官和骨骼结构。
-
极致的 WebGL 性能优化:
-
几何合并与 Batched Mesh:包含超 228 万个三角形,压缩后的模型体积控制在约 33 MB 左右。
-
GPU 纹理控制:利用 GPU 纹理动态控制每个器官/部位的平移、可见性和选中状态,避免了创建数千个单独 Draw Call 带来的性能卡顿,保证了在移动端和低配设备上的流畅度。
-
-
现代化 UI 与响应式设计:
前端采用 React + Tailwind CSS + shadcn/ui,专门为桌面端和移动端适配了手势与面板交互,支持按照器官名称或编号快速搜索定位。
Human Atlas 与前一阵介绍过的 Anatomy Atelier 都是交互式 3D 人体解剖图,功能上类似,但设计哲学、研发范式与侧重点存在显著差异。
Human Atlas vs. Anatomy Atelier

除了 BioDigital Human、Complete Anatomy 、3D Organon 这种成熟商业软件外,还有很多开源或免费的 3D 人体解剖图项目:
BodyParts3D:https://github.com/Kevin-Mattheus-Moerman/BodyParts3D 开源人体解剖 3D 数据库
Cell Architecture Studio:https://github.com/cclank/cell-architecture-studio
OpenHuman Atlas:https://www.openhumanatlas.com/en
Human-Organ3D:https://github.com/yihalem123/Human-Organ3D
Z-Anatomy:https://github.com/Z-Anatomy/Models-of-human-anatomy
Open Anatomy Explorer:https://github.com/biocat-ugent/Open-Anatomy-Explorer
Zygote Body:https://www.zygotebody.com/
Open Anatomy Project:https://www.openanatomy.org/
Brain Project:https://github.com/itayinbarr/brainproject
Body Anatomy 3D Viewer:https://github.com/hpfrei/body-anatomy-3d-viewer
jixiangying/anatomy:https://github.com/jixiangying/anatomy 中英双语
Body Explorer:https://github.com/JohanBellander/BodyExplorer