一般的にjavascriptまたはHTML5でタイリングするためのperlinシンプレックスウォーリーノイズライブラリ?
-
29-10-2019 - |
質問
javascriptでこれらのノイズを作成するためにすでに開発されたライブラリがあるかどうか知りたいですか?
JavaScriptでライブラリを探すために約2時間ウェブを検索しました。シンプレックスノイズのこの実装を見てきました:
https://gist.github.com/304522
しかし、JavaScript専用に作成されたライブラリは見たことがありません。
ライブラリを誰も知らない場合は、これらの関数を開発する方法に関する提案をリンクすることもできます。私は現在、ここで尋ねたすべてのものをGoogle検索しています。複数のウェブクローラーが同時に私を助けてくれるほうがいいと思いました:)また、スタックオーバーフローの誰かがすでに高品質のサイトを見つけた場合はさらに良いでしょう。
みんなありがとう!
解決
ここでは、アルゴリズムの完全な説明と、Worleyの元のコード(<で説明されています)を見つけることができます。a href="http://books.google.com/books/about/Texturing_modeling.html?id= bDlSJd8GfMcC" rel="nofollow">テクスチャリングとモデリング。手続き型アプローチ)がProcessingに移植されました。
現在、Javascriptへのデプロイに取り組んでいます。
他のヒント
質問のタイリング部分について:PerlinまたはSimplexノイズ関数がある場合、数学はそれほど難しくないため、タイリング画像を作成するためのライブラリは実際には必要ありません。難しいのは、それがどのように機能するかを理解することです。たとえば、球形のノイズマップは、単純な2Dタイリング画像よりもはるかに簡単です。後者の場合は4次元で作業する必要があるためです。
私はかつて、
perlin / simplexノイズをhtml5キャンバスにレンダリングするjavascriptアプリを作成しました。これは次の場所にあります: http://lencinhaus.github.com/canvas-noise
適切なライブラリではありませんが、javascriptコードには、値ノイズ、パーリンノイズ(クラシックバージョンと改良バージョンの両方)、シンプレックスノイズの実装が含まれています。これらはすべて、元のPerlinのC実装(またはより最適化されたJavaバージョンシンプレックスノイズ。コード内の参照を参照してください)。ノイズパラメータを視覚的に微調整して、ブラウザで結果をすぐに確認できるので、役立つかもしれません。
お役に立てば幸いです!