🎨 片元着色器实战

学习如何用片元着色器创造视觉魔法

📖 当前演示

线性渐变

💡 说明

使用 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); }

🎨 演示模式

⚙️ 控制面板

FPS: 60
演示: 线性渐变
分辨率: 0x0