04 纹理与噪声

纹理：按 UV 取颜色

给出 UV，从纹理中取一种颜色。

UV 缩放1.00

0.55

UV 平移0.00

-11

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

void main() {
  vec2 uv = vUv * 1.000 + vec2(0.000, 0.0);
  vec3 color = texture2D(uTexture, uv).rgb;
  gl_FragColor = vec4(color, 1.0);
}

void main() {
  vec2 uv = vUv * 1.000 + vec2(0.000, 0.0);
  vec3 color = texture2D(uTexture, uv).rgb;
  gl_FragColor = vec4(color, 1.0);
}

JS 这一侧

gl.bindTexture(gl.TEXTURE_2D, texture)
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT)
gl.uniform1i(uTextureLocation, 0) // 纹理单元 0

sampler2D 指向一张图；texture2D(tex, uv) 按 UV 取颜色。UV 超出 0～1 时如何处理由 JS 设置决定。

试一试