sharkhzj的专栏

Three.js中的MeshDepthMaterial是一种基于相机视距渲染几何体的特殊材质。它将深度值映射为黑白渐变（最近处为白色，最远处为黑色）

用于绘制纯色线条的基础材质，支持颜色、线宽和纹理映射。常用于`THREE.Line`或`THREE.LineSegments`几何体

THREE.Material 是 Three.js 中所有材质的基类，定义了物体表面的渲染属性（如颜色、纹理、光照响应、透明度和混合模式等），控制几何体在场景中的视觉表现

- WebGLRenderTarget 是 Three.js 中的一个类，用于创建离屏渲染缓冲区（Offscreen Render Target），允许将 3D 场景渲染到纹理（Texture）而不是直接渲染到屏幕。 - 主要用途： - 后期处理（Post-processing）：如模糊、辉光、色调映射等效果（结合 EffectComposer 使用）。 - 阴影映射（Shadow Mapping）：存储深度信息以计算动态阴影。 - 反射/折射（Reflect

WebGLRenderer 是 Three.js 的核心渲染器，基于 WebGL 实现，用于在浏览器中高效渲染 3D 场景。它负责处理着色器、光照、阴影、材质、几何体等核心渲染流程，并将最终结果输出到 HTML canvas 元素上。

BufferAttribute是 Three.js 中用于高效管理几何体属性数据的核心类，其主要特点包括：1. **数据存储** 专为存储 `BufferGeometry` 的各种属性设计，包括： 顶点位置（`position`）、法线向量（`normal`）、颜色值（`color`）、UV坐标（`uv`）、面片索引（`index`）、自定义属性（如实例化数据）2. **GPU优化** 采用类型化数组（TypedArray）存储数据，通过连续内存布局实现：显存高效传输、适合

Three.js 提供的工具类，用于高效处理 `BufferGeometry` 的复杂操作，包括几何体合并、顶点优化、切线计算等。适用于需要高性能几何体处理的场景（如模型简化、LOD生成、动态几何体更新）

BufferGeometry 是 Three.js 中用于描述面（Mesh）、线（Line）或点（Point）几何体的高效数据结构。它通过缓存属性（Buffer Attributes）存储以下几何数据：顶点位置（Position）、面索引（Index）、法向量（Normal）、颜色值（Color）、UV 坐标（UV）、自定义属性（Custom Attributes）

光线投射Raycaster，用于进行raycasting（光线投射）。 光线投射用于进行鼠标拾取（在三维空间中计算出鼠标移过了什么物体）。Intersection 类型定义：I说明：

Orbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。