Autumn Foliage Simulator

An interactive physics toy with a layered paper-cutout style and 1,500+ fluttering leaves.

Description

A self-contained HTML physics simulation featuring a layered paper-cutout aesthetic with grain textures and soft shadows. The system manages over 1,500 individual leaves that flutter and pile up realistically, reacting to touch-drag gusts, wind sliders, and a tree regrowth function at 60 fps.

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 visual execution of a layered paper-cutout style and complex particle physics, successfully generated in a…
Attributed to: Wayne Lowry@wikiwayne
Built with: Sonnet 5.5 Hermes 3 Grok 4.7 3.8 Flash GPT-5.6 Sol
Tags: #physics #one-shot #simulation #mobile-web

Discovered: X
First posted: X · Oct 2, 2026
Listed: Added 10d 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