
Shader Park simplifica la creación de gráficos de procedimiento utilizando JavaScript.
Con solo unas pocas líneas de código, cree sombreadores que son:
- Animado
- Interactivo
- 2d o 3d
Prueba el editor en vivo ✍️
Explorar la documentación interactiva
Construir a partir de proyectos de plantilla de trabajo/ejemplo
Únete a la comunidad en Discord
Fácilmente integrado con:
- página web
- tresjs
- TouchDesigner
- Unidad (en desarrollo)
Explorar cientos de ejemplos
Instalar
npm install shader-park-core
Uso
Ver ejemplos sobre falla
Uso de CLI:
npm run toThreeJS my-sculpture.js
npm run toOffline my-sculpture.js
npm run toRawSDF4Meshing my-sculpture.js
Para el desarrollo con el sitio web de SP:
En npm link o yarn link de repose de npm en el recinto de chalina
En shader-park-website run run npm link shader-park-core o yarn link shader-park-core
Uso de la API:
Las herramientas CLI simples en el directorio de convertidores son ejemplos simples de cómo se puede usar la API. (TODO, ponga más ejemplos en la carpeta ReadMe y Ejemplos) Por ahora, explore las funciones disponibles en index.js y vea sus implementaciones en el directorio de objetivos.
Para agregar nuevos objetivos:
- Implementar una clase en objetivos que convierte Sculpt en el formato que requiere su objetivo (consulte los objetivos existentes, por ejemplo, las herramientas disponibles para esto)
- Exponer las funciones externamente en index.js
- Implemente un convertidor de CLI básico (por ahora esto significa simplemente copiar un convertidor existente e intercambiar la función de convertidor único. La caldera se podría tener en cuenta y los convertidores CLI podrían generarse automáticamente) y usarlo como una herramienta CLI, o usar API directamente.