你将学习如何使用 if
条件语句,根据屏幕坐标对区域进行判断,实现左右颜色分割的效果。
---
`
glsl
if (vUv.x < 0.5) {
color = 左侧颜色;
} else {
color = 右侧颜色;
}
`
这类判断方式适合根据位置、距离等条件区分显示区域。
---
我们使用 vUv.x
来判断当前像素是处于左侧还是右侧:
- vUv.x < 0.5
→ 左半屏
- vUv.x >= 0.5
→ 右半屏
---
将逻辑判断结果赋予颜色并输出:
`
glsl
gl_FragColor = vec4(color, 1.0);
`
你可以扩展到更多条件,创建分区图形、按钮状态、UI 响应等效果。