【问题标题】:First steps with shaders and THREEjs着色器和 THREEjs 的第一步
【发布时间】:2014-02-16 16:12:56
【问题描述】:

我正在研究 perlin 噪声的矢量场,有人建议我使用着色器来增强它。我的图形知识还很基础,但我想问一下我的想法是否正确。

Here is what I have。 (它不是 3 维的最新版本,但我猜你会明白的)。

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

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

提前感谢您的任何建议!

【问题讨论】:

  • 根据您的问题,您正试图在随机位置达到 x/y 中的某个值后将粒子重新定位到原始位置..是吗。
  • 没有。只是想根据流场的值来移动它们

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


【解决方案1】:

看看这个例子...http://threejs.org/examples/#webgl_terrain_dynamic 它将为您提供一些使用 shaders 和动态 position 创建 noise 的想法......

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-05-14
    • 1970-01-01
    • 1970-01-01
    • 2017-04-05
    • 2015-04-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多