片元着色器与颜色插值

理解像素的诞生

片元着色器 (Fragment Shader) 决定了屏幕上每一个像素的最终颜色。它是创造视觉奇观的主战场。

1. 什么是插值 (Interpolation)？

如果你在三角形的三个顶点分别定义红、绿、蓝三种颜色，WebGL 的光栅化阶段会自动计算出中间每一个像素的混合色。这就是线性插值。

2. 坐标系统

通过片元坐标 (gl_FragCoord) 或纹理坐标 (UV)，我们可以根据像素的位置来动态计算颜色，实现如彩虹、渐变等效果。