对角线因子
5 / 30
构造 (vUv.x+vUv.y)/2 的对角线因子并可视化。
水平用 vUv.x,垂直用 vUv.y。把它们加起来除以 2,就得到对角线方向的渐变因子。
构造对角线因子
两个分量相加取平均:
| 位置 | vUv.x | vUv.y | t(平均) |
|---|---|---|---|
| 左下角 | 0.0 | 0.0 | 0.0 |
| 右上角 | 1.0 | 1.0 | 1.0 |
| 左上角 | 0.0 | 1.0 | 0.5 |
| 右下角 | 1.0 | 0.0 | 0.5 |
结果是从左下角(黑)到右上角(白)的对角线渐变,两侧中间值是灰色。
练习
练习代码里 t = 0.0(全黑)。把 t 改成 (vUv.x + vUv.y) * 0.5,让画面出现对角线渐变。
答案解析
vUv.x + vUv.y 范围是 0 到 2,乘以 0.5 缩回 0 到 1。
这个因子不是严格的对角线(左上和右下的值相同),但视觉上就是对角线方向的渐变。
试试 t = vUv.x * vUv.y,看看乘法和加法的区别。