返回大纲
Level 2: 着色器艺术

Uniform 变量与实时动画

赋予画面生命力

Uniform 变量是 GPU 中全局唯一的常量。之所以叫“变量”,是因为我们可以在每一帧渲染前通过 JavaScript 修改它的值。

1. u_time:时间的魔法

将当前运行时间传入着色器,配合 sin() 函数,你可以让物体的颜色或位置发生周期性的震荡或律动。

2. 交互与反馈

通过传入鼠标坐标 (u_mouse) 或屏幕分辨率 (u_resolution),你可以实现跟随鼠标的交互动效或自适应的视觉效果。

进阶 3D 空间

掌握了 2D 动画后,我们将学习如何利用数学矩阵进入真正的 3D 世界。