3D数据可视化·目录
🎓 30章 从入门到精通
第1章
3D可视化概述
🌟
什么是3D数据可视化、发展历程、应用领域（科研/工业/医疗/游戏）、主流工具与库概览。
第2章
环境搭建与基础
🛠️
Node.js与npm安装、VS Code配置、第一个Three.js项目、Scene/Camera/Renderer三大核心。
第3章
几何体与材质
🧊
内置几何体(Box/Sphere/Cylinder)、材质系统、颜色与纹理贴图。
第4章
光照与阴影
💡
环境光/平行光/点光源/聚光灯、阴影投射与接收。
第5章
相机控制
📷
透视/正交相机、OrbitControls轨道控制器、相机动画与切换。
第6章
动画循环
⏳
requestAnimationFrame原理、帧率控制、补间动画(Tween.js)、时间驱动动画。
第7章
交互事件
🖱️
鼠标点击/悬停(Raycaster)、拖拽(DragControls)、键盘控制、触摸适配。
第8章
粒子系统
✨
Points与PointsMaterial、粒子纹理、大小/颜色/位置变化、星空/火焰实战。
第9章
模型加载
🚀
GLTF/GLB格式、GLTFLoader、Draco压缩、FBX/OBJ兼容。
第10章
高级材质
🎨
PBR材质原理、粗糙度/金属度贴图、法线贴图、环境贴图与HDR。
第11章
着色器入门
⚡
GLSL基础、顶点/片元着色器、ShaderMaterial、uniforms与attributes。
第12章
后期处理
🌈
EffectComposer渲染管线、Bloom泛光、Film颗粒、SSAO环境光遮蔽。
第13章
物理引擎
⚙️
Cannon-es物理库、刚体与碰撞体、重力与约束、物理与视觉同步。
第14章
性能优化
🚄
几何体合并、LOD层级细节、InstancedMesh、纹理压缩与Mipmap。
第15章
数据驱动可视化
📊
JSON/CSV数据解析、数据映射到几何体、动态更新、大数据量渲染策略。
第16章
图表与图形
📈
3D柱状图/折线图/散点图/饼图实现，与ECharts/Chart.js对比。
第17章
地理空间可视化
🌍
Cesium.js入门、地球与地图加载、GeoJSON展示、3D热力图与轨迹线。
第18章
VR/AR扩展
🥽
WebXR API、VR模式切换、控制器交互、AR标记识别基础。
第19章
CSS2DRenderer / CSS3DRenderer
🏷️
标签系统、CSS3D变换、混合渲染场景。
第20章
管线与帧缓冲
🧬
WebGL渲染管线详解、帧缓冲(FBO)、多渲染目标(MRT)、离屏渲染。
第21章
自定义几何体
📐
BufferGeometry手动构建顶点、索引、法线、UV坐标、复杂形状生成。
第22章
骨骼动画与蒙皮
🦴
SkinnedMesh原理、骨骼层级、动画混合、Blender导出带动画模型。
第23章
音频可视化
🎵
AudioListener与AudioLoader、频率分析(AnalyserNode)、音频驱动3D场景。
第24章
多场景与场景图
🔄
场景嵌套、Group与层级变换、场景切换与淡入淡出。
第25章
WebWorker与多线程
🧵
OffscreenCanvas离屏渲染、Worker数据处理、主/渲染线程分离。
第26章
测试与调试
🔍
Three.js Inspector、Spector.js性能分析、单元测试(Jest)、Bug排查。
第27章
部署与发布
🚢
构建工具(Vite/Webpack)、CDN部署、移动端适配、PWA离线支持。
第28章
综合实战一：3D数据仪表盘
📉
实时数据流、动态图表、交互筛选。
第29章
综合实战二：智慧城市3D可视化
🏙️
建筑模型、交通流量、热力图叠加。
第30章
综合实战三：科学数据可视化
🔬
分子结构、流体模拟、天文数据展示。