Perlin Simplex Worley Bibliothèques de bruit pour le carrelage en JavaScript ou HTML5 en général?

Question

Je suis curieux de savoir s'il y a des bibliothèques déjà développées pour créer ces bruits en JavaScript?

J'ai recherché le Web pendant environ deux heures à la recherche de bibliothèques en javascripts. J'ai vu cette implémentation pour le bruit simplex:

https://gist.github.com/304522

Mais je n'ai vu aucune bibliothèque composée spécifiquement pour JavaScript.

Si personne ne connaît les bibliothèques, les suggestions de liaison sur la façon de développer ces fonctions seraient également formidables. Je fais actuellement des recherches sur Google pour tout ce que j'ai demandé ici, je pensais que je pensais mieux que plusieurs robots Web m'aident simultanément :) Aussi si quelqu'un sur Stack Overflow a déjà trouvé un site de qualité, alors encore mieux.

Merci les gars!

Answer 1

Ici Vous pouvez trouver une explication approfondie de l'algorithme, également le code d'origine de Worley (expliqué dans Texturation et modélisation. Une approche procédurale) porté vers le traitement.

Pour le moment, je travaille en déploiement sur JavaScript.

Answer 2

Pour la partie de carrelage de votre question: si vous avez une fonction de bruit perlin ou simplex, vous n'avez pas vraiment besoin d'une bibliothèque pour créer des images de carrelage parce que les mathématiques ne sont vraiment pas si difficiles. Ce qui est difficile, c'est comprendre comment cela fonctionne. Par exemple: une carte de bruit sphérique est bien plus facile que la simple image de carrelage 2D car vous devez travailler avec quatre dimensions pour ce dernier.

J'ai écrit une fois un article de blog expliquant en détail Comment créer du bruit de carrelage (y compris des exemples de code JavaScript). Il vous montre comment la tuile en linéaire, cylindrique, planaire et sphérique (y compris le panorama cubique).

Answer 3

J'ai créé une application JavaScript qui rend le bruit Perlin / simplex sur une toile HTML5, vous pouvez la trouver ici: http://lencinhaus.github.com/canvas-noise

Eh bien, ce n'est pas une bibliothèque appropriée, mais le code JavaScript contient des implémentations de bruit de valeur, du bruit Perlin (à la fois dans les versions classiques et améliorées) et du bruit simplex, tous dérivés des implémentations C Perlin d'origine (ou d'une version Java plus optimisée pour le bruit simplex, voir les références dans le code). Vous pouvez modifier visuellement les paramètres de bruit et voir immédiatement les résultats dans le navigateur, donc peut-être qu'il peut vous être utile.

J'espère que cela pourra aider!