buffer
buffer
在 TSL 中访问任意附加在几何体上的逐顶点数据(自定义 BufferAttribute),是实现数据驱动渲染的关键节点。
核心优势
将底层的 GLSL attribute 和 varying 声明完全自动化,让开发者能在 TSL 节点化工作流中,无缝使用任何自定义顶点数据,极大地增强了材质的可扩展性和数据驱动能力。
常见用途
实例化渲染(读取实例颜色/矩阵)
程序化动画(如风吹草动)
数据可视化(如热力图)
预烘焙光照/AO(读取顶点色)
如何调整
调整效果主要通过在 JavaScript 中修改其引用的 BufferAttribute 数组内容,并设置 `.needsUpdate = true` 来实现。例如,改变 'customColor' 属性的颜色数据,会直接更新模型上对应顶点的颜色,从而实现动态的、数据驱动的视觉变化。
代码示例
1// 获取名为 'customColor' 的逐顶点颜色数据
2const vtxColor = buffer( 'customColor', 'color' );
3
4// 直接将此颜色作为材质的最终颜色
5// TSL 会自动处理从顶点到片段的传递
6material.colorNode = vtxColor;