Autumn Foliage Simulator

An interactive paper-cutout simulation with 1,500 fluttering leaves and wind physics.

Description

A self-contained simulation featuring a large tree with over 1,500 individual leaves that detach, tumble, and pile up on the ground. The creation uses a layered paper-cutout aesthetic with rough edges and grain textures, allowing users to create gusts and shake branches via touch or mouse interaction.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Impressive one-shot build of a complex 23KB physics simulation with a distinct art style that ran perfectly on the…
Attributed to: Wayne Lowry@wikiwayne
Built with: Sonnet 5.5
Tags: #simulation #physics #paper-cutout #one-shot

Discovered: X
First posted: X · Oct 2, 2026
Listed: Added 1h ago
Build: Strong
Models: Strong

Prompt

Build a single self-contained HTML file (all CSS and JavaScript inline; any library only from a CDN) that opens directly in a browser and works on an iPhone in Safari with touch. Make an autumn foliage simulator in a layered paper-cutout style: a large tree in the middle ground, rolling hills behind it, and grass in front. Every shape should look like cut colored paper with slightly rough edges, a subtle paper-grain texture, and soft drop shadows between layers. The tree holds at least 1,500 individual leaves in mixed reds, oranges, yellows and browns. Leaves slowly detach and fall with a realistic flutter (tumbling and drifting side to side, not straight down) and pile up on the ground where they land. Dragging a finger or the mouse across the screen creates a gust in that direction that blows both falling and settled leaves around and shakes the branches. Add a wind-strength slider and a "Regrow" button that refills the tree. Keep it at a smooth 60 fps on a phone.

Source

Explore

Toys & Experiments