可以在javascript或HTML5中平铺的perlin simplex worley噪声库吗？

Question

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

我已经在网上搜索了大约两个小时，以查找JavaScripts库。我已经看到了这种实现的简单噪声：

https://gist.github.com/304522

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

如果没有人知道任何库，那么关于如何开发这些功能的链接建议也将很好。我目前正在Google搜索所有我在这里要求的内容，我只是想让多个Web爬虫同时帮助我：)此外，如果堆栈溢出的人已经找到了优质的网站，那就更好了。

谢谢大家！

Answer 1

此处，您可以找到对该算法的详尽解释，还有Worley的原始代码（在<一个href=“ http://books.google.com/books/about/Texturing_modeling.html?id=bDlSJd8GfMcC” rel=“ nofollow”>纹理化和建模。一种程序化方法）已移植到处理中。

此刻，我正在部署到Javascript。

Answer 2

对于您的问题的平铺部分：如果您具有Perlin或Simplex杂点函数，则实际上不需要库来创建平铺图像，因为数学并不那么困难。很难理解它是如何工作的。例如：球形噪声贴图比简单的2D拼贴图像要容易得多，因为您需要为后者处理四个尺寸。

我曾经写过一篇博客文章，详细解释了如何产生平铺噪声（包括Javascript代码示例）。 它向您展示了如何在线性，圆柱，平面和球形（包括立方体全景）中平铺。

Answer 3

我已经制作了一个JavaScript应用程序，可将perlin / simplex噪声渲染到html5画布上，您可以在这里找到它： http://lencinhaus.github.com/canvas-noise

这不是一个适当的库，但是javascript代码包含值噪声，perlin噪声（在经典版本和改进版本中）和单纯形噪声的实现，它们均源自原始Perlin的C实现（或针对以下版本的更优化的Java版本）单纯噪声，请参阅代码中的参考）。您可以目视调整噪声参数，并立即在浏览器中查看结果，因此也许对您有用。

希望有帮助！