Shader Learn

01 片元与数据

vec2:两个分量组成的向量

两个 float,一起表示 X、Y。拖动代码里的数字,点的位置也会变。

01
01
讲解

带下划线的数字可以左右拖动

vec2 point = vec2(, );// 这两个分量决定左边圆点的位置// point.x → 左右// point.y → 上下
vec2两个 float
坐标范围左下 (0, 0) → 右上 (1, 1)
JS 这一侧gl.uniform2f(uResolution, …, …)

vec2 由两个 float 组成,常用来表示坐标。左下 (0,0),右上 (1,1)。

试一试

  • 把点移到右上角
  • 把点放到正中间:两个数应该是多少?