Post-Impressionist Night Studies
Stir the Sky
Cobalt, cream, and navy particles follow a noise flow field stirred by a drifting vortex, accumulating into swirling, post-impressionist brushstroke trails.
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
Dark-mode hero backgrounds, art/gallery themes, ambient looping displays evoking painterly motion.
When not to
Light backgrounds (hardcoded dark navy). Low-end devices with many active tabs — persistent trail overdraw is GPU-bound.
Working with an AI agent
Every component ships agent-ready metadata. An example instruction for this one:
Change palette to warm sunset tones: replace the three rgba color strings with 'rgba(235,100,60,', 'rgba(255,200,80,', 'rgba(120,30,20,' and raise vortex strength from 0.55 to 0.85.
Safe to edit
- particle count ceiling (N=360)
- trail fade opacity (0.14 in fillRect)
- vortex wander speed (t*0.31, t*0.23)
- vortex influence radius (90 in exp)
- particle palette (three rgba strings)
- particle speed range (0.6 + random*1.0)
Keep intact
- IIFE wrapper
- prefers-reduced-motion guard (REDUCED)
- visibilitychange stop/start
- DPR-aware fitCanvas
Known limitations
- Background color hardcoded in both CSS and canvas fill — must change both
- No pointer interactivity — vortex is autonomous only
- Particle count auto-scales with viewport, capped at 360
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.
- Impasto StrokesThick elliptical brushstrokes accumulate along a Perlin noise flow field in cobalt, cadmium, and ochre; after ~1100 strokes the canvas fades and repaints.
- 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.
- 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.