使用着色器和THREEjs的第一步

Question

我正在研究perlin噪波上的矢量场，有人建议我使用着色器来增强它。我的图形知识仍然很基础，但我想问一下我的想法如何做是正确的。

Here is what I have。(它不是3D的最新版本，但我猜你会理解它的概念)。

因此，我会将属性:时间和噪波值传递给顶点着色器。不幸的是，我正在使用一些库中的噪声函数，它需要在着色器中计算每一帧的位置。有没有可能从着色器中输出一个变量，其中每个粒子的位置都是计算出来的？

我也发现了一些类似于"https://github.com/ashima/webgl-noise/wiki“的东西，用于在着色器内部生成噪波，但是如何在通过字段值移动粒子x，y，z位置并将其保留到下一帧之后呢？GLSL着色器也应该有内置的噪波生成函数，但我不认为你可以将它们与threejs一起使用？

感谢您提前给我们的建议！

Answer 1

看看这个例子..。它将为你提供一些关于使用着色器和动态位置创建noise的想法...