Make it your own

Start with these controls

FX.paper, FX.coat, fxRain and fxScene

Change one color or timing value, reload the HTML, and compare the same frame. Keep the seeded texture so the surface stays stable. Larger edits may need JavaScript knowledge or a coding assistant.

Inside the download

Self-contained HTML player, editable scene JavaScript, bundled drawing runtime, prompt and MIT license notices. Code runs locally; no API key or image assets are needed.

A prompt to adapt this scene

An orange fox in a teal raincoat carries a yellow umbrella through a rainy street. Warm shop windows, gentle footsteps, a gust of wind. Colored storybook illustration.

This is a starting brief, not a guarantee of identical output from an AI model. Add the downloaded source to your coding assistant for more controlled edits.

Source & license

Runtime: Alexey Fateev / alesha-pro/tools (MIT). Bird drawing and the garden derivative retain that attribution. Site-authored scene additions are distributed under MIT; included notices must be retained.

alesha-pro/tools ↗ · LICENSE.txt

Explore another scene

Bird & butterfly animation12s
Storybook · HTML / JS

Bird & butterfly animation

A colored-pencil bird follows a butterfly and returns to a flowering branch. Explore takeoff, flight poses and landing timing.

Free download
Pencil bird animation6s
Pencil · HTML / JS

Pencil bird animation

A graphite sparrow looks, crouches and hops. An exposure sheet maps whole-body drawings to time, making this a useful pose-study starter.

Free download
Coffee steam animation7s
Ink · HTML / JS

Coffee steam animation

Steam rises from a coffee cup beside a croissant and a flower. A small, fixed composition for learning timed curves and gentle motion.

Free download