forever components

Post-Impressionist Night Studies

Wheatfield Wind

Golden wheat stalks bend in a roving autonomous breeze via spring physics; crows scatter and arc overhead on a cobalt-to-amber gradient sky.

canvasmedium complexitymoderate motion

Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited

Live demo — the real component, running in a sandbox. One self-contained HTML file, zero dependencies. Open it on the canvas →
Worth keeping? Votes steer what gets built next — sign in to cast one, free to read

When to use it

Art-themed hero backgrounds, nature or impressionism aesthetics, ambient screensaver-style displays.

When not to

Contexts requiring legible text overlays — the animated stalks and sky consume visual focus. Low-end devices may stutter with 120 stalk spring updates per frame.

Working with an AI agent

Every component ships agent-ready metadata. An example instruction for this one:

Increase stalk count to 180 by changing the cols cap from 120 to 180, shift wheat color to harvest orange by replacing '#f2c10b' with '#e07a10', and slow the breeze cycle by changing autoP*0.7 to autoP*0.4.

Safe to edit

  • stalk count cap (Math.min(120, ...))
  • wheat colors (three hex values in c: property)
  • breeze roving speed (autoP*0.7)
  • wind sway amplitude (0.9 influence multiplier)
  • crow scatter interval (5.2 seconds)
  • sky gradient color stops

Keep intact

  • IIFE wrapper
  • prefers-reduced-motion guard (REDUCED)
  • visibilitychange stop/start
  • DPR-aware fitCanvas with setTransform

Known limitations

  • No pointer/touch interactivity — breeze is fully autonomous
  • Crow count capped at 40 but crows only spawn when fewer than 4 exist, so flock stays sparse
  • Background color hardcoded in CSS body (#7a5f2e) — must edit both CSS and sky gradient to retheme

wheatfieldcanvaswindgenerativenatureambient

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.
  • 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.