perlin simplex worley噪声库一般用于javascript或HTML5平铺?

时间:2011-09-12 13:28:06

标签: tiles perlin-noise simplex-noise

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

我在网上搜索了大约两个小时,在javascripts中寻找图书馆。我已经看到了这种针对单纯噪声的实现:

https://gist.github.com/304522

但我还没有看到任何专门针对javascript构建的库。

如果没有人知道任何图书馆,那么关于如何开发这些功能的链接建议也会很棒。我正在谷歌搜索我在这里问过的所有内容我只是想让多个网络抓取工具帮助我同时进行:)如果有人在堆栈溢出已经找到了一个高质量的网站,那就更好了。

谢谢你们!

3 个答案:

答案 0 :(得分:1)

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

目前我正在部署到Javascript。

答案 1 :(得分:1)

对于问题的平铺部分:如果你有Perlin或Simplex噪声函数,你真的不需要一个库来创建平铺图像,因为数学真的不那么难。困难在于了解它的工作原理。例如:球形噪声贴图比简单的2D贴图更容易,因为后者需要使用四维。

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

答案 2 :(得分:0)

我制作了一个javascript应用程序,将perlin / simplex噪音呈现给html5画布,你可以在这里找到它:http://lencinhaus.github.com/canvas-noise

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

希望有所帮助!