Shader Learn

02 用数学画形状

变换:变换的是坐标系

先变换坐标,再画同一个方形。

-0.40.4
0.43
-3.143.14
习题调参数0%

做出这个偏右、缩小、转了 45° 的方块

每个像素运行一次拖动数字,或直接改代码

JS 这一侧gl.uniform2f(uResolution, …, …)

变换的是坐标,不是图形:p − offset 让图形移向 offset;坐标放大,图形反而缩小。

试一试

  • 把缩放调到 2,方块变小了还是变大了?
  • 旋转 0.785(45°),方块变成菱形