shader park core

Shader Park menyederhanakan pembuatan grafik prosedural menggunakan JavaScript.
Dengan hanya beberapa baris kode, buat shader yaitu:

• Animasi
• Interaktif
• 2d atau 3d

Coba editor langsung ✍️

Telusuri dokumentasi interaktif

Bangun dari Template Working/Contoh Proyek

Bergabunglah dengan Komunitas di Perselisihan

Dengan mudah diintegrasikan dengan:

• halaman web
• ThreeJs
• TouchDesigner
• persatuan (sedang dikembangkan)

Jelajahi ratusan contoh

Memasang

npm install shader-park-core

Penggunaan

Lihat contoh pada kesalahan

Penggunaan CLI:

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

Untuk pengembangan dengan situs web SP:

Dalam repo shader-park-core jalankan npm link atau yarn link

Dalam shader-park-website repo run npm link shader-park-core atau yarn link shader-park-core

Penggunaan API:

Alat CLI sederhana di direktori konverter adalah contoh sederhana tentang bagaimana API dapat digunakan. (TODO, masukkan lebih banyak contoh di folder ReadMe, dan contoh) untuk saat ini, mengeksplorasi fungsi yang tersedia di index.js, dan melihat implementasinya di direktori target.

Untuk menambahkan target baru:

1. Menerapkan kelas dalam target yang mengubah pahatan ke format yang dibutuhkan target Anda (lihat target yang ada misalnya alat yang tersedia untuk ini)
2. Mengekspos fungsi secara eksternal di index.js
3. Menerapkan konverter CLI dasar, (untuk saat ini ini berarti hanya menyalin-mencentang konverter yang ada dan menukar fungsi konverter tunggal. Boilerplate dapat difaktorkan dan konverter CLI dapat secara otomatis dihasilkan) dan digunakan sebagai alat CLI, atau menggunakan API secara langsung.