垂直颜色渐变

学习目标

本案例帮助你使用 vUv.y 和 mix() 实现从下到上的渐变效果。适合练习纵向方向的渐变控制。

核心概念

vUv.y

与 vUv.x 表示水平方向不同，vUv.y 表示垂直方向。靠下的位置趋近于 0，靠上的位置趋近于 1。

颜色渐变原理

使用 mix(color1, color2, vUv.y) 可以实现下到上的颜色过渡。