01 片元与数据

分量：取出、调换、复制

同样三个数，换个排列就变了颜色。

排列

习题改代码0%

写出一个新的排列：绿色和红色互换

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

void main() {
  vec3 original = vec3(vUv.x, vUv.y, 0.2);
  vec3 color = original.rgb;
  gl_FragColor = vec4(color, 1.0);
}

void main() {
  vec3 original = vec3(vUv.x, vUv.y, 0.2);
  vec3 color = original.rgb;
  gl_FragColor = vec4(color, 1.0);
}

JS 这一侧

color.r 取第一个数；.bgr 重新排列；.rrr 复制分量。rgb 和 xyz 是同一组分量的两套名字。

试一试