11-片元着色器（Fragment Shader）完整指南
片元着色器（Fragment Shader）完整指南
概述
片元着色器是 WebGL 渲染管线中最后一道可编程阶段，它决定了屏幕上每一个像素的最终颜色。如果说顶点着色器负责"在哪里画"，那么片元着色器就负责"画成什么样"。
片元着色器的核心职责
| 职责 | 说明 |
|---|---|
| 像素颜色输出 | 为每个片元（像素）计算并输出最终颜色值 |
| 纹理采样 | 从纹理贴图中提取颜色数据 |
| 光照计算 | 模拟光线与物体表面的交互 |
| 程序化生成 | 不依赖纹理，通过算法生成图案和细节 |
| 透明度处理 | 控制像素的 alpha 通道，实现半透明效果 |
| 后期处理 | 颜色校正、模糊、边缘检测等屏幕空间效果 |