对角线渐变
17 / 30
使用 vUv.x 和 vUv.y 组合出对角线方向的渐变,并用 mix 完成颜色插值。
这是模块二的综合练习。用对角线因子 + clamp + mix 完成一个带颜色的对角线渐变。
回顾:三个步骤
- 构造因子:把 x 和 y 分量合并成一个 0~1 的值
- 用 clamp 限制范围:确保
t不会超出 0~1
- 用 mix 映射颜色:
为什么需要 clamp
(vUv.x + vUv.y) * 0.5 的最大值是 1.0(两个坐标都是 1.0 时),最小是 0.0,所以这里其实不会超界。但在更复杂的情况下,因子可能超出范围,clamp 是好习惯。
练习
练习代码里 t = 0.0,三个步骤的 TODO 都等你填写。按顺序完成:构造 t → clamp → 得到 color。
答案解析
clamp(t, 0.0, 1.0) 把 t 限制在 0~1,无论输入多大多小,输出不会超界。
mix(colorA, colorB, t) 用 t 在深蓝和橙色之间插值,左下角是 colorA(深蓝),右上角是 colorB(橙色)。
改变 t 的计算方式,比如 t = vUv.x * vUv.y,看渐变形状会怎么变。