Creative coding sketchbook

A low-friction place for dither, ASCII, pixel, and LCD studies. Tweak live parameters, move through the field, lock a seed, and export the frame.

AT.SKETCHBOOK Dither orbit / static frame

DITHER ORBIT / STATIC FRAME
        · · : : + + * * # * * + + : : · ·
      · : + * # % @ @ % # * + : ·
    : + # % @ # * : : * # @ % # + :
      · : + * # % @ @ % # * + : ·
        · · : : + + * * # * * + + : : · ·

Loading the local sketch registry…

One local command

Run npm run sketches. Astro opens this route and hot reloads every edit while the current seed stays in the URL.

Copy the template

Start in src/sketches/_template.js, add the sketch to src/sketches/index.js, and the directory and controls build themselves.

Capture the actual canvas

Press S at any point. The PNG uses the rendered canvas resolution, including device-pixel density, rather than a screenshot of the interface.