Lab 05 / Local sketch environment

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…

01 / Run

One local command

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

02 / Make

Copy the template

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

03 / Keep

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.