reference

在节点图中创建一个动态链接，用于引用和读取 JavaScript 对象（如材质）上一个已存在属性的值。

核心优势

通过自动将 JavaScript 属性值同步到 GPU，它极大地简化了创建可交互、可配置材质的过程，是连接 JS 动态数据与着色器的核心桥梁。

为自定义材质创建可从 JS 控制的属性

驱动着色器动画（如溶解、顶点位移）

将网格或场景数据用于数据可视化

在 JavaScript 的动画循环中持续修改 `reference` 所引用的属性值（如 `material.dissolveLevel = value`），可以实时、平滑地改变着色器的视觉效果，例如实现一个周期性的溶解动画。

1// 将材质上名为 'myColor' 的 JS 属性链接到着色器
2material.colorNode = reference( 'myColor', 'color' );

在节点图中创建一个动态链接，用于引用和读取 JavaScript 对象（如材质）上一个已存在属性的值。

通过自动将 JavaScript 属性值同步到 GPU，它极大地简化了创建可交互、可配置材质的过程，是连接 JS 动态数据与着色器的核心桥梁。

为自定义材质创建可从 JS 控制的属性

驱动着色器动画（如溶解、顶点位移）

将网格或场景数据用于数据可视化

1// 将材质上名为 'myColor' 的 JS 属性链接到着色器
2material.colorNode = reference( 'myColor', 'color' );