WebGL 的知识体系
基础知识：包括 WebGL 的工作原理，如何在 HTML5
<canvas>上创建 WebGL 渲染上下文，以及如何使用 WebGL API。图形渲染管线：理解 WebGL 的图形渲染管线，包括顶点着色器和片段着色器，以及它们如何处理和渲染 3D 几何体。
3D 数学：包括向量、矩阵和四元数等概念，以及它们在 3D 变换、光照计算和动画中的应用。
纹理和材质：理解纹理坐标、纹理过滤、纹理映射等概念，以及如何使用纹理创建各种材质效果。
光照和阴影：理解基础的光照模型，如 Phong 和 Blinn-Phong，以及如何实现阴影映射。
性能优化：理解如何优化 WebGL 应用的性能，包括网格优化、纹理优化、批量渲染、LOD 等技术。
高级技术：包括后处理效果、粒子系统、地形渲染、环境映射、纹理贴图、实时反射和折射等。
如何在 Three.js 中实现阴影效果？ (光照和阴影) 这个问题可以引导你深入了解光照模型、阴影映射技术如深度映射（Shadow Mapping）或百分比更近过滤（Percentage-Closer Filtering）等。
如何在 Three.js 中实现后处理效果，如模糊、泛光等？ (高级技术（后处理效果） 这个问题会引导你研究帧缓冲对象（Frame Buffer Objects）、全屏四边形渲染和着色器编程。
如何在 Three.js 中实现物体的 LOD（Level Of Detail）？ 性能优化（LOD） 这个问题将引导你深入了解多级别细节模型的概念和实现，以及如何根据相机距离动态选择不同的模型。
如何在 Three.js 中实现粒子系统？ 高级技术（粒子系统） 这个问题将引导你研究粒子系统的基本原理，如何使用顶点着色器来动画化大量粒子，以及如何使用纹理来给粒子着色。
如何在 Three.js 中实现天空盒（Skybox）？ 高级技术（环境映射） 这个问题将引导你研究立方体贴图和环境映射的概念和实现。
如何在 Three.js 中实现地形加载和渲染？ 高级技术（地形渲染） 这个问题将引导你研究地形数据的来源，例如 DEM（数字高程模型），如何使用这些数据生成高度图，以及如何使用自定义着色器实现地形渲染。
如何在 Three.js 中实现镜面反射效果？ 高级技术（实时反射和折射） 这个问题将引导你研究立方体贴图实现环境反射，或者使用渲染到纹理（Render to Texture）实现动态反射。
THREE加载GLB多大多少帧量化
标准:600 个网格和 1,000,000 个顶点。 在我们的 2018 Macbook Pro 上的 Google Chrome 中，它始终以 45+ FPS 的速度运行