一般的にjavascriptまたはHTML5でタイリングするためのperlinシンプレックスウォーリーノイズライブラリ?

StackOverflow https://stackoverflow.com/questions/7388646

質問

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次元で作業する必要があるためです。

私はかつて、タイリングノイズを作成する方法(Javascriptコード例を含む)。 線形、円筒形、平面、球形(立方体のパノラマを含む)で並べて表示する方法を示します。

perlin / simplexノイズをhtml5キャンバスにレンダリングするjavascriptアプリを作成しました。これは次の場所にあります: http://lencinhaus.github.com/canvas-noise

適切なライブラリではありませんが、javascriptコードには、値ノイズ、パーリンノイズ(クラシックバージョンと改良バージョンの両方)、シンプレックスノイズの実装が含まれています。これらはすべて、元のPerlinのC実装(またはより最適化されたJavaバージョンシンプレックスノイズ。コード内の参照を参照してください)。ノイズパラメータを視覚的に微調整して、ブラウザで結果をすぐに確認できるので、役立つかもしれません。

お役に立てば幸いです!

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top