+-
![]()
Mammalia-tree
“
一个沉浸式的 3D/2D 网页可视化项目，旨在探索哺乳动物 2 亿年的演化史诗。
Github地址
https://github.com/SeanWong17/Mammalia-tree
在线体验
https://mammalia-tree.pages.dev
项目特点
-
沉浸式体验：利用 WebGL 和 CSS3D 技术，重构对“演化时间”的感知。
-
数据来源：基于最新的 Mammal Diversity Database (MDD) v2.3 分类系统。
-
演化节点：从二叠纪末期的合弓纲祖先到现代哺乳动物，涵盖 167 个科、上千个演化节点。
-
双螺旋画廊：象征生命的遗传密码。
-
动态星空背景：WebGL 粒子系统随鼠标与触摸流动，营造深邃的时间感。
-
平滑运镜：影院级的相机过渡动画，实现从微观（卡片）到宏观（演化树）的无缝切换。
-
交互式演化图谱：
-
D3.js 动态树，支持从“纲”到“科”的逐级展开/收起。
-
全手势支持，包括鼠标滚轮缩放、双指捏合及拖拽漫游。
-
地质时间轴，实时显示当前视口对应的地质年代（MYA - Million Years Ago）。
-
智能检索，支持中文/拉丁学名实时搜索与高亮定位。
-
溯源彩蛋：隐藏模式，致敬生命韧性，寻找并点击界面中的“溯源”按钮，看到一条穿越大灭绝的幽灵线框路径。
