🎨 片元着色器实战
学习如何用片元着色器创造视觉魔法
📖 当前演示
线性渐变
💡 说明
使用 mix 函数创建渐变:
• 在两个颜色之间插值
• 基于 UV 坐标
• 平滑过渡效果
📝 着色器代码
// 片元着色器
varying vec2 vUv;
void main() {
vec3 color1 = vec3(1.0, 0.0, 0.0);
vec3 color2 = vec3(0.0, 0.0, 1.0);
vec3 color = mix(color1, color2, vUv.x);
gl_FragColor = vec4(color, 1.0);
}