javascript - Three.js - 它有顶点索引着色吗？

Question

我已经开始使用 Three.js，并且我知道 Three.js 中的顶点有颜色，但我正在调查 Three.js 或 WebGL 中是否有某种方法可以为顶点提供索引颜色？例如，我会根据我给顶点的一些值，将颜色从蓝色、黄色到红色限制在从最小值到最大值的范围内，并且两个顶点之间的渐变必须使用索引颜色的该范围。实际示例将用于有限元法可视化。

那么，你知道如何破解这个吗？

Answer 1

将索引与顶点一起存储，并将它们传递给片段着色器。在片段着色器中，使用插值索引在包含颜色渐变的 1d(*) 纹理中进行查找。

(*) 请注意，WebGL 实际上并不支持真正的 1d 纹理，常见的方法是使用 Nx1 2D 纹理。