着色器和THREEjs的第一步

时间:2014-01-25 17:08:44

标签: three.js glsl noise vertex-shader particles

我正在研究perlin噪声上的矢量场,我建议使用着色器来提升它。我的图形知识仍然非常基础,但我想问一下我的思考方法是否正确。

Here is what I have。 (它不是第三维的最新版本,但你会得到我想的概念。)

所以我将属性:时间和噪声值传递给顶点着色器。不幸的是我使用某些库中的噪声函数,这需要在着色器中每帧都要计算的位置。是否可以从着色器输出一个变量,其中每个粒子的内部计算位置?

我还发现了类似“https://github.com/ashima/webgl-noise/wiki”的内容,用于在着色器中生成噪点,但是如何在按字段值移动后更新粒子x,y,z位置并保留下一个帧? GLSL着色器还应该内置函数来生成噪声,但我认为你不能将它们与threejs一起使用?

提前感谢您的任何建议!

1 个答案:

答案 0 :(得分:0)

查看此示例 ... http://threejs.org/examples/#webgl_terrain_dynamic 它会通过着色器和动态位置为您提供噪声创建的一些想法....