可以在javascript或HTML5中平铺的perlin simplex worley噪声库吗?
-
29-10-2019 - |
题
我很好奇是否已经开发了用于在javascript中创建这些噪音的库?
我已经在网上搜索了大约两个小时,以查找JavaScripts库。我已经看到了这种实现的简单噪声:
https://gist.github.com/304522
但是我还没有看到专门为javascript编写的任何库。
如果没有人知道任何库,那么关于如何开发这些功能的链接建议也将很好。我目前正在Google搜索所有我在这里要求的内容,我只是想让多个Web爬虫同时帮助我:)此外,如果堆栈溢出的人已经找到了优质的网站,那就更好了。
谢谢大家!
解决方案
此处,您可以找到对该算法的详尽解释,还有Worley的原始代码(在<一个href=“ http://books.google.com/books/about/Texturing_modeling.html?id=bDlSJd8GfMcC” rel=“ nofollow”>纹理化和建模。一种程序化方法)已移植到处理中。
此刻,我正在部署到Javascript。
其他提示
对于您的问题的平铺部分:如果您具有Perlin或Simplex杂点函数,则实际上不需要库来创建平铺图像,因为数学并不那么困难。很难理解它是如何工作的。例如:球形噪声贴图比简单的2D拼贴图像要容易得多,因为您需要为后者处理四个尺寸。
我曾经写过一篇博客文章,详细解释了如何产生平铺噪声(包括Javascript代码示例)。 它向您展示了如何在线性,圆柱,平面和球形(包括立方体全景)中平铺。
我已经制作了一个JavaScript应用程序,可将perlin / simplex噪声渲染到html5画布上,您可以在这里找到它: http://lencinhaus.github.com/canvas-noise
这不是一个适当的库,但是javascript代码包含值噪声,perlin噪声(在经典版本和改进版本中)和单纯形噪声的实现,它们均源自原始Perlin的C实现(或针对以下版本的更优化的Java版本)单纯噪声,请参阅代码中的参考)。您可以目视调整噪声参数,并立即在浏览器中查看结果,因此也许对您有用。
希望有帮助!