Post-Impressionist Night Studies
Impasto Strokes
Thick elliptical brushstrokes accumulate along a Perlin noise flow field in cobalt, cadmium, and ochre; after ~1100 strokes the canvas fades and repaints.
canvasmedium complexitymoderate motion
Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited
Worth keeping?
Votes steer what gets built next — sign in to cast one, free to read
When to use it
Art-themed hero backgrounds, museum or gallery UI, ambient loading screens with a painterly aesthetic.
When not to
Contexts needing legible text overlays or light backgrounds — canvas is hardcoded dark navy. Low-end devices sensitive to continuous rAF loops.
Working with an AI agent
Every component ships agent-ready metadata. An example instruction for this one:
Change the palette to warm sunset tones by replacing cols with ['#8B1A1A','#D2691E','#FF8C00','#FFD700','#FFF8DC','#4B0082'], and slow stroke accumulation by reducing the paint calls from 14 to 6 per frame.
Safe to edit
- color palette (cols array)
- strokes per frame (14 per loop iteration)
- wipe threshold (total>1100)
- noise scale (x*0.004, y*0.004)
- stroke dimensions (len 10-32, w 4-11)
Keep intact
- IIFE wrapper
- prefers-reduced-motion guard (REDUCED branch)
- visibilitychange pause/resume
- DPR-aware fitCanvas()
Known limitations
- Background color hardcoded in both CSS and reset() — must update both places to change it
- No pointer interactivity; purely generative
- Reduced-motion path renders a static 700-stroke snapshot with no wipe cycle
More Post-Impressionist Night Studies components
- Starry FlowUp to 420 cream and cobalt particle trails stream through curl-noise flow fields past glowing stars and a crescent moon, evoking a turbulent night sky.
- Cypress FlameA dark green cypress silhouette writhes and twists upward like a flame against a cobalt evening sky, rendered in canvas with painterly swaying strokes.
- Sunflower RadialTwo rings of ochre and cadmium petals rotate slowly around a phyllotactic seed-head spiral; a CSS-animated DOM core pulses at center.
- Wheatfield WindGolden wheat stalks bend in a roving autonomous breeze via spring physics; crows scatter and arc overhead on a cobalt-to-amber gradient sky.
- Stir the SkyCobalt, cream, and navy particles follow a noise flow field stirred by a drifting vortex, accumulating into swirling, post-impressionist brushstroke trails.
- Brushstroke Frame58 cobalt, teal and ochre brushstrokes ring the canvas edge, each wiggling; the whole frame slow-rotates while a cadmium glow breathes at center.