Shader Park vereinfacht das Erstellen prozeduraler Grafiken mit JavaScript.
Erstellen Sie mit nur wenigen Codezeilen Shader, die sind:
- Animiert
- Interaktiv
- 2d oder 3d
Probieren Sie den Live -Redakteur ✍️
Durchsuchen Sie die interaktive Dokumentation
Erstellen Sie aus Arbeitsvorlagen-/Beispielprojekten
Schließen Sie sich der Community on Discord an
Leicht integriert in:
- Webseiten
- Dreijs
- TouchDesigner
- Einheit (in der Entwicklung)
Erforschen Sie Hunderte von Beispielen
Installieren
npm install shader-park-core
Verwendung
Siehe Beispiele zu Sturz
CLI -Verwendung:
npm run toThreeJS my-sculpture.js
npm run toOffline my-sculpture.js
npm run toRawSDF4Meshing my-sculpture.js
Für die Entwicklung mit SP -Website:
In Shader-Park-Core- npm link oder yarn link
In Shader-Park-Website Repo Run npm link shader-park-core oder yarn link shader-park-core
API -Verwendung:
Die einfachen CLI -Tools im Verzeichnis der Konverter sind einfache Beispiele dafür, wie die API verwendet werden kann. (TODO, geben Sie weitere Beispiele in ReadMe und Beispiele.
Neue Ziele hinzufügen:
- Implementieren Sie eine Klasse in Zielen, die Skulpturen in das Format umwandeln, das Ihr Ziel erfordert (siehe vorhandene Ziele, z. B. verfügbare Tools dafür)
- Entdecken Sie die Funktionen extern in Index.js
- Implementieren Sie einen grundlegenden CLI-Konverter (im Moment bedeutet dies, einen vorhandenen Konverter zu kopieren und die Einzelkonverterfunktion auszutauschen. Die Kesselplatte kann berücksichtigt werden und die CLI-Konverter können automatisch generiert werden) und verwenden Sie als CLI-Tool oder verwenden Sie API direkt.
