shader park core

Shader Park simplifie la création de graphiques procéduraux à l'aide de JavaScript.
Avec seulement quelques lignes de code, créez des shaders qui sont:

• Animé
• Interactif
• 2d ou 3d

Essayez l'éditeur en direct ✍️

Parcourir la documentation interactive

Construire à partir de projets de modèle / exemple de travail

Rejoignez la communauté sur Discord

Facilement intégré à:

• pages Web
• troisjs
• toucheur de touche
• Unity (en cours de développement)

Explorer des centaines d'exemples

Installer

npm install shader-park-core

Usage

Voir des exemples sur Glitch

Utilisation de la CLI:

npm run toThreeJS my-sculpture.js
npm run toOffline my-sculpture.js
npm run toRawSDF4Meshing my-sculpture.js

Pour le développement avec le site Web SP:

Dans Shader-Park-Core Repo Run npm link ou yarn link

Dans Shader-Park-website Repo Run npm link shader-park-core ou yarn link shader-park-core

Utilisation de l'API:

Les outils CLI simples dans le répertoire des convertisseurs sont des exemples simples de la façon dont l'API peut être utilisée. (TODO, mettez plus d'exemples dans ReadMe et Exemples de dossier) Pour l'instant, explorez les fonctions disponibles dans index.js et voyez leurs implémentations dans le répertoire des cibles.

Pour ajouter de nouvelles cibles:

1. Implémentez une classe dans des cibles qui convertit la sculpture au format dont votre cible a besoin (voir les cibles existantes par exemple des outils disponibles pour cela)
2. Exposez les fonctions en externe dans index.js
3. Implémentez un convertisseur CLI de base, (pour l'instant cela signifie simplement copier un convertisseur existant et échanger la fonction de convertisseur unique. Le chauffeur pourrait être pris en compte et les convertisseurs CLI peuvent être générés automatiquement) et utiliser comme outil CLI, ou utiliser directement l'API.