WebGL / Three.js 着色器 .r 和 .g 是什么意思？

Question

所以我通过示例学习着色器，我经常看到 .r 和 .g，这两个字母是什么意思？

我什至不知道要做什么 google 因为我不知道在 GL 着色器程序中使用这两个字母 G 和 R 时的术语和用法。

vec2 uvNoiseTimeShift = vUv + noiseScale * vec2( noiseGeneratorTimeShift.r,
                                                 noiseGeneratorTimeShift.g );

将 r 替换为 g 效果似乎是一样的，所以我不确定这些属性是干什么用的。

Answer 1

这就是所谓的swizzle operators和return一个向量对应的分量，其中r对应x等等。