ct978的博客

Attribute变量仅顶点着色器可用，必须与CPU的顶点缓冲区绑定；每个顶点对应一个独立值，无法直接传递到片元着色器。Varying变量顶点着色器中声明为out，片元着色器中声明为in，名称和类型必须严格匹配；自动完成光栅化插值，将顶点数据平滑过渡到每个片元。Uniform变量可同时在顶点/片元着色器中声明为in；全局共享同一值，适合传递矩阵、光照参数等不随顶点/片元变化的数据。如果你尝试在片元着色器中直接使用顶点着色器的in变量（如a_normal。

顶点着色器和片元着色器是WebGL的核心，前者负责空间转换，后者负责颜色计算。在WebGIS开发中，合理分配计算任务到顶点/片元着色器，结合GPU并行特性，可实现高性能的三维可视化效果。始终遵循尽量减少片元着色器计算量的原则，因为片元数量远多于顶点数量，优化片元着色器带来的性能提升更显著。

实现方式优势适用场景与刷新同步、性能优化、资源友好绝大多数WebGL动画场景着色器动画GPU并行计算、低CPU负载大量顶点/粒子动画、复杂视觉效果Web Workers辅助避免主线程阻塞、支持复杂计算物理模拟、集群路径规划无绝对避免使用在WebGL开发中，始终以requestAnimationFrame为动画基础框架，结合着色器动画提升渲染性能，Web Workers处理复杂计算，可实现流畅、高效的三维可视化效果。

正射投影的视锥体是一个长方体区域参数含义leftright视锥体左右平面的X坐标bottomtop视锥体上下平面的Y坐标nearfar视锥体近/远平面的Z坐标（需满足near < far，且不能为0）透视投影的视锥体是一个截头棱台（Frustum）参数含义fovy垂直视场角（Field of View Y），单位为弧度/角度aspect画布宽高比（near近平面Z坐标（必须>0，避免奇点）far远平面Z坐标（必须>near）

（简称VAO）是WebGL中用于存储顶点数据配置状态的容器，它可以将以下顶点相关的配置逻辑封装为一个独立对象： 是操作VAO的核心API，用于将指定VAO设置为当前活跃状态，后续所有顶点属性配置都会自动关联到该VAO。参数类型含义 | 要绑定的VAO对象；若传入，则解绑当前VAO，恢复到默认顶点状态3. 工作原理绑定VAO时：WebGL会将当前的顶点配置状态（VBO绑定、顶点属性设置等）记录到该VAO中。解绑VAO时：WebGL恢复到默认顶点状态（无VAO活跃）。

所有WebGL图像处理都遵循以下流程：fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em;加载图像/像素数据创建纹理并上传数据编写着色器程序（顶点+片元）设置帧缓冲（可选，离屏处理）渲染到纹理/画布读取处理结果。