Ssam (쌈 as in Korean dish) wraps your HTML5 Canvas sketches and provides helpful features such as animation props, image and video exports on top of Node.js and Vite bundler. The design is minimal so you can bring your own canvas library (or use as vanilla js).
Learn how to quickstart a creative coding sketch with ssam on its wiki. This package create-ssam sets up a basic sketch structure using one of the templates.
npm create ssam@latestThen, follow the prompts.
It will set up all the necessary files and Vite bundler so you can go straight into creative coding.
- Vanilla
- TypeScript
- JavaScript
- OGL
- Fullscreen Shader TS with Lygia
- Basic Cube TS
- Three
- Basic Cube TS
- Fullscreen Shader TS with Lygia
- Fullscreen Shader JS with Lygia
- StableDiffusion
- Replicate API TS
npm run buildnpm linkto make it available locally- on Desktop,
node ~/path/to/bin/create-ssam.js - follow setup instructions.
MIT
The base code is adapted from create-vite