Sketchbook07
A workbench for creative-coding sketches — p5.js, GSAP or Three.js, tuned from a generated UI, then rendered and exported as stills or video.
- Timeline
- Feb 2025 —
- Role
- design + build
- Author
- Steeve Pommier
- Stack
- Next.js, TypeScript, Tailwind CSS, p5.js, GSAP, Three.js, Prisma, PostgreSQL, BullMQ, Redis, MinIO, Playwright
- AI
- Claude Code
Sketches are cheap to write and expensive to finish. Getting a clean 60-second loop out of one usually means screen-recording it and hoping the frame rate held. Sketchbook removes that step.
Each sketch declares its parameters; the app builds the controls from that declaration, so tuning is a UI job rather than an edit-and-reload loop. Three engines are supported side by side — p5.js, GSAP and Three.js — behind the same harness.
Exporting
Recording runs either in the browser or, for anything long or heavy, on a headless Playwright backend: jobs go onto a BullMQ/Redis queue, frames are stitched with ffmpeg, and the result lands in MinIO. Sketch configurations and render history live in Postgres through Prisma, so a render is reproducible rather than a one-off.
