对角线因子

5 / 30
构造 (vUv.x+vUv.y)/2 的对角线因子并可视化。

水平用 vUv.x,垂直用 vUv.y。把它们加起来除以 2,就得到对角线方向的渐变因子。


构造对角线因子

两个分量相加取平均:

位置vUv.xvUv.yt(平均)
左下角0.00.00.0
右上角1.01.01.0
左上角0.01.00.5
右下角1.00.00.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,看看乘法和加法的区别。

GLSL 代码编辑器

正确代码预览

当前代码预览