vectorComponents

提供一种直观的、类似 GLSL 的点表示法（如 .x, .r），用于访问和提取向量节点的单个分量（component）。

核心优势

极大地提升了代码的可读性和简洁性，并为独立操作向量的各个分量（如程序化生成图案或条件逻辑）提供了基础。

创建程序化渐变

生成程序化图案与遮罩

基于特定分量实现条件逻辑

分量访问器本身不可调。要改变其输出值，需要调整或变换它所应用的源向量节点，例如 `uv().mul(5).x` 会先将 UV 放大5倍再提取 x 分量。

1// 访问 uv 坐标的 x 和 y 分量
2const u = uv().x;
3const v = uv().y;
4
5// 使用这些分量构建一个新的颜色向量
6const uvDebugColor = vec3( u, v, 0 );

提供一种直观的、类似 GLSL 的点表示法（如 .x, .r），用于访问和提取向量节点的单个分量（component）。

极大地提升了代码的可读性和简洁性，并为独立操作向量的各个分量（如程序化生成图案或条件逻辑）提供了基础。

创建程序化渐变

生成程序化图案与遮罩

基于特定分量实现条件逻辑

分量访问器本身不可调。要改变其输出值，需要调整或变换它所应用的源向量节点，例如 `uv().mul(5).x` 会先将 UV 放大5倍再提取 x 分量。

1// 访问 uv 坐标的 x 和 y 分量
2const u = uv().x;
3const v = uv().y;
4
5// 使用这些分量构建一个新的颜色向量
6const uvDebugColor = vec3( u, v, 0 );