Perlin Simplex Worley Noise Libraries zum Kacheln in Javascript oder HTML5 im Allgemeinen?

Question

Ich bin gespannt, ob es bereits Bibliotheken gibt, die diese Geräusche in Javascript erzeugen.

Ich habe ungefähr zwei Stunden lang im Internet nach Bibliotheken in Javascripts gesucht.Ich habe diese Implementierung für das Simplex-Rauschen gesehen:

https://gist.github.com/304522

aber ich habe keine Bibliotheken gesehen, die speziell für Javascript erstellt wurden.

Wenn niemand Bibliotheken kennt, wäre es auch großartig, Vorschläge zur Entwicklung dieser Funktionen zu verknüpfen.Ich suche derzeit bei Google nach allem, was ich hier gefragt habe. Ich habe mir nur vorgestellt, dass mehrere Webcrawler mir gleichzeitig helfen können :) Auch wenn jemand mit Stapelüberlauf bereits eine qualitativ hochwertige Website gefunden hat, ist dies sogar noch besser.

Danke Jungs!

Answer 1

Hier finden Sie eine ausführliche Erklärung des Algorithmus, auch den Originalcode von Worley (erklärt in Texturierung und Modellierung. Ein prozeduraler Ansatz ), der auf die Verarbeitung portiert ist.

Im Moment arbeite ich an der Bereitstellung in Javascript.

Answer 2

Für den Kachelteil Ihrer Frage: Wenn Sie eine Perlin- oder Simplex-Rauschfunktion haben, benötigen Sie keine Bibliothek, um Kachelbilder zu erstellen, da die Mathematik wirklich nicht so schwierig ist.Was schwierig ist, ist zu verstehen, wie es funktioniert.Beispiel: Eine sphärische Rauschkarte ist viel einfacher als ein einfaches 2D-Kachelbild, da Sie für letzteres mit vier Dimensionen arbeiten müssen.

Ich habe einmal einen Blog-Beitrag geschrieben, in dem ausführlich erklärt wird, wie Kachelgeräusche erzeugt werden (einschließlich Javascript-Codebeispiele). Es zeigt Ihnen, wie Sie linear, zylindrisch, planar und sphärisch (einschließlich kubischem Panorama) kacheln.

Answer 3

Ich habe eine Javascript-App erstellt, die Perlin- / Simplex-Rauschen auf einer HTML5-Leinwand wiedergibt. Sie finden sie hier: http://lencinhaus.github.com/canvas-noise

Nun, es ist keine richtige Bibliothek, aber der Javascript-Code enthält Implementierungen von Value Noise, Perlin Noise (sowohl in klassischen als auch in verbesserten Versionen) und Simplex Noise, die alle von den ursprünglichen Perlin C-Implementierungen (oder einer optimierten Java-Version für) abgeleitet sindSimplex-Rauschen, siehe Referenzen im Code).Sie können die Rauschparameter visuell anpassen und die Ergebnisse sofort im Browser anzeigen, sodass dies möglicherweise für Sie hilfreich sein kann.

hoffe das hilft!