【问题标题】:perlin simplex worley noise libraries for tiling in javascript or HTML5 in general?用于在 javascript 或 HTML5 中平铺的 perlin simplex worley 噪声库?
【发布时间】:2011-09-12 13:28:05
【问题描述】:

我很好奇是否已经开发了用于在 javascript 中创建这些噪音的库?

我已经在网上搜索了大约两个小时来寻找 javascripts 中的库。我已经看到了单工噪声的这种实现:

https://gist.github.com/304522

但我还没有看到任何专门为 javascript 编写的库。

如果没有人知道任何库,那么关于如何开发这些功能的链接建议也会很棒。我目前正在谷歌搜索我在这里询问的所有内容,我只是想更好地让多个网络爬虫同时帮助我:) 此外,如果堆栈溢出的人已经找到了一个高质量的网站,那就更好了。

谢谢大家!

【问题讨论】:

    标签: tiles perlin-noise simplex-noise


    【解决方案1】:

    Here 你可以找到该算法的详尽解释,以及移植到 Processing 的 Worley 的原始代码(在Texturing and modelling. A procedural approach 中解释)。

    目前我正在部署到 Javascript。

    【讨论】:

    【解决方案2】:

    对于您问题的平铺部分:如果您有 Perlin 或 Simplex 噪声函数,您实际上并不需要一个库来创建平铺图像,因为数学实际上并不难。困难的是理解它是如何工作的。例如:球形噪声图比简单的 2D 平铺图像要容易得多,因为后者需要使用四个维度。

    我曾经写过一篇博文详细解释how to create tiling noise(包括Javascript代码示例)。 它向您展示了如何在线性、圆柱形、平面和球形(包括立方体全景)中平铺。

    【讨论】:

      【解决方案3】:

      我制作了一个将 perlin/simplex 噪声渲染到 html5 画布的 javascript 应用程序,您可以在此处找到它:http://lencinhaus.github.com/canvas-noise

      好吧,它不是一个合适的库,但 javascript 代码包含值噪声、perlin 噪声(经典版本和改进版本)和单纯形噪声的实现,所有这些都源自原始 Perlin 的 C 实现(或更优化的 Java 版本)单纯形噪声,请参阅代码中的参考资料)。您可以直观地调整噪声参数并立即在浏览器中查看结果,因此它可能对您有用。

      希望有帮助!

      【讨论】:

        猜你喜欢
        • 2012-09-26
        • 2012-03-08
        • 2017-07-16
        • 1970-01-01
        • 2014-05-30
        • 2020-06-06
        • 1970-01-01
        • 2012-09-10
        • 2012-01-14
        相关资源
        最近更新 更多