颜色混合渐变

学习目标

通过本案例，你将学会如何在片元着色器中使用 mix 函数进行颜色的线性插值，并理解 vUv 坐标的基本作用。

核心概念

1. vUv：UV 坐标

每个片元都携带一个二维坐标 vUv，范围在 [0, 1]，代表其在屏幕上的位置。

`glsl

varying vec2 vUv;

`

我们可以利用 vUv.x 来根据水平方向的位置做颜色控制。

2. mix(a, b, t)：线性插值函数

mix 函数在 a 和 b 之间做线性插值，t 取值 0 到 1：

`glsl

vec3 color = mix(colorA, colorB, vUv.x);

`

当 vUv.x = 0 时显示 colorA，=1 时显示 colorB，中间逐渐过渡。