seanwong17 /
mammalia-tree
这是一个基于原生 JS (Three.js + D3.js) 构建的科普项目。它将 2 亿年的哺乳纲演化史呈现为 3D 双螺旋画廊与动态演化树，收录 167 个科的演化节点。项目无框架依赖，支持全手势交互、中英检索与地质年代对照，适合作为数据可视化开发参考或生物演化科普工具。 亮点 1. 零框架原生打造：完全摒弃 React/Vue 等重型框架，仅使用原生 ES6+ Class 架构组织代码，逻辑清晰，无构建负担，展示了扎实的 Java…
About
这是一个基于原生 JS (Three.js + D3.js) 构建的科普项目。它将 2 亿年的哺乳纲演化史呈现为 3D 双螺旋画廊与动态演化树，收录 167 个科的演化节点。项目无框架依赖，支持全手势交互、中英检索与地质年代对照，适合作为数据可视化开发参考或生物演化科普工具。 亮点 1. 零框架原生打造：完全摒弃 React/Vue 等重型框架，仅使用原生 ES6+ Class 架构组织代码，逻辑清晰，无构建负担，展示了扎实的 JavaScript 基本功。 2. WebGL 与 CSS3D 混合渲染：巧妙结合 Three.js 的 WebGLRenderer（处理星空粒子）与 CSS3DObject（处理 DOM 元素卡片），既实现了炫酷的 3D 空间感，又保留了 DOM 元素的高清文字渲染与交互能力。 3. D3.js 与 Three.js 的无缝衔接：实现了从 3D 螺旋视图（Three.js）到 2D 演化树视图（D3.js）的平滑运镜过渡，并针对移动端设备进行了深度适配（动态计算粒子数与布局）。
Discovery history
- 阮一峰周刊·用户投稿
- 阮一峰周刊·正刊推荐
- HelloGitHub·用户投稿
Discuss this product