【2026年】Human Atlas 完全指南：在浏览器中免费 3D 解剖人体的开源工具

「如果能直接在浏览器里自由旋转、放大、拆解人体骨骼和内脏…」

这个愿望，由Human Atlas（GitHub 287 星・MIT 协议）在 2026 年 9 月实现了。它把成人男性参考解剖模型BodyParts3D 4.0拆解为2,234 个可单独选中的 3D 网格，支持按图层显示/隐藏15 个解剖系统，并可搜索3,432 个解剖名词。

本指南将介绍：

Human Atlas 能做什么
按系统拆分的人体结构（附真实数字）
基本用法（3D 操作・搜索・爆炸视图）
背后的工作原理
本地运行方法
许可协议与注意事项

在线演示：human-atlas-seven.vercel.app 代码仓库：ashemag/human-atlas

Human Atlas 是什么？

先说结论：Human Atlas 是一个在浏览器里自由操作人体 3D 解剖模型的开放源代码教育工具。它基于 React・Three.js・shadcn/ui 构建，让任何人都能免费使用医用级 3D 模型（BodyParts3D 4.0）。

2,234 个可单独选中的 3D 网格（可单独点击骨骼・肌肉・器官・血管）
15 个解剖系统按图层切换（骨骼・肌肉・心脏・神经等）
可搜索3,432 个解剖名词（英文正式名称与 ID）
爆炸视图：将人体从组装状态分解为所有零件
开放源代码（MIT）・免费・无需 API 密钥
数据来自BodyParts3D 4.0（CC BY 4.0・成人男性基准）

Human Atlas 3D 查看器画面

能做什么：按系统拆解人体

Human Atlas 最大的魅力在于按「系统」分层叠加显示人体。可以只查看全身肌肉，也可以单独追踪血管。

15 个系统与零件数（实测值）

系统	零件数	内容
骨骼（Skeleton）	296	全身骨骼・软骨
肌肉（Muscles）	402	骨骼肌・肌群
动脉（Arteries）	639	全身动脉网络
静脉（Veins）	404	全身静脉网络
神经系统	139	脑・脊髓・末梢神经
呼吸系统	119	肺・气管・支气管
消化系统	97	胃・肠・肝脏等
感觉器官	45	眼・耳・鼻等器官
心脏	23	心脏结构零件
泌尿系统	6	肾脏・膀胱等
内分泌系统	4	分泌激素的器官
淋巴系统	3	淋巴结等
生殖系统	12	生殖相关器官
体表	5	皮肤表面分区
结缔组织	40	筋膜・韧带等

※ 可见零件合计 2,229 个（全部 2,234 网格）。数字为 2026 年 9 月实测值。

使用方法：5 种基本操作

Human Atlas 基本操作流程

1. 旋转・缩放 3D 视图

拖拽可旋转（orbit），捏合/滚轮可缩放。可从任意角度观察人体。

2. 点击选择结构

直接点击画面上的骨骼或器官，该结构会高亮，并在详情面板显示名称与信息。

3. 切换系统

在左侧「Systems」面板中，可单独开关骨骼・肌肉・血管等。「Skeleton」「Organs」预设可一键显示全身。

4. 按名称搜索

在「Find a structure」栏输入解剖名称（如 femur、heart、liver）。点击候选即可跳转到该结构。

5. 爆炸视图分解

拖动「Explode anatomy」滑块，人体会从组装状态变为所有零件隔开排列的「分解图」，便于理解各零件的形状与位置关系。

注意事项（请务必阅读）

Human Atlas 是教育用浏览器工具，不是诊断或手术工具（README 中已明确）。

基于成人男性参考模型，并未表现所有人体的结构、个体差异与性别差异
不可用于医学诊断或治疗判断
为提升浏览器显示速度，几何体经过简化（误差控制在 0.2% 相对误差以内）
模型数据为CC BY 4.0（需标注来源）；应用代码为 MIT

它最适合教育・学习・演示用途，请把它当作理解人体结构的视觉教材来使用。

原理：为什么浏览器不会卡顿

Human Atlas 为了提高 3D 模型的渲染效率，采用了以下技术：

几何体批量处理：数千个网格不是逐个绘制，而是批量绘制
GPU 纹理控制：各结构的位移・显示・选中均由 GPU 纹理控制（降低 CPU 负载）
爆炸布局优化：只对当前可见的零件进行高效排布
合计2,288,268 个三角形・约 33MB 压缩几何体（首次加载需要一点时间）

技术栈

React + TypeScript（Vite）
Three.js（3D 渲染）
shadcn/ui（UI 组件）
WebMCP（可选：向兼容浏览器开放解剖搜索）

本地运行方法

需要 Node.js 22.13 或更高版本。无需 API 密钥或账户。

# 克隆仓库
git clone https://github.com/ashemag/human-atlas.git
cd human-atlas

# 安装依赖
npm ci

# 启动开发服务器（http://localhost:3016）
npm run dev

# 构建静态站点
npm run build  # 输出在 dist/

要部署到 Vercel 时，将仓库导入 Vercel 并按 Vite 项目构建即可（已配置 vercel.json）。

总结

Human Atlas 是 2026 年诞生的人体 3D 解剖开源工具的决定版。

在浏览器中自由操作由 2,234 个零件组成的人体
按图层显示/隐藏 15 个解剖系统
可搜索 3,432 个解剖名词并查看零件详情
用爆炸视图直观理解结构的位置关系
MIT 协议・免费・无需 API 密钥，人人可用

第一步：打开在线演示（human-atlas-seven.vercel.app），转动人体看看吧。先只显示骨骼，再叠加肌肉，最后覆盖血管…光是这样操作，对人体结构的理解就会大大加深。如果你是医疗从业者、学生、教育工作者或 3D 建模爱好者，不妨一试。