Interactive Zen Garden HTML Animation
Author’s claim: Claude Opus 5.5 · not verified by us
Prompt the author shared
Create an interactive zen garden simulation in a single HTML file. Implement a 1536px heightmap on a 440x440 grid for the sand. Allow users to drag across the sand to cut grooves (5 grooves and 6 ridges per stroke) along their path. Include 5 mossy rocks, 2 stone lanterns, and a maple tree with 420 leaves. Add a time-of-day toggle; when set to golden hour, drop the sun low so every groove throws a shadow. Ensure the rendering handles moss visibility through sand and prevents blocky rocks or out-of-frame lanterns.
As given in awesome-opus5-5-videos; we have not checked it against the post. Where it was shared ↗
What we know
- Model
- Claude Opus 5.5 (author’s claim)
- Posted
- Oct 9, 2026
- Made with
- Not known
- Source
- Listed in awesome-opus5-5-videos (opens in a new tab) by yihui-dev (MIT). The post was live on X on Nov 4, 2026.
Make one yourself: video Skills
These four are free. Checkout is not open yet: it opens once our payment provider finishes its review, and downloads open with it. Nothing is charged until then.
Every Screen Agent
An agent finishes a job on a laptop; the result shows up on a phone, then in a terminal, a chat and a code review. A 6.8-second light product shot.
See it in the catalog →Warp Liftoff
A blue spiral galaxy, a flash and a rocket climbing off a planet, then your headline and button. An 11-second dark launch teaser.
See it in the catalog →Paint Sweep Finale
A paint stroke wipes the frame, your wordmark is painted on letter by letter, and torn paper brings in the tagline. 8.6 seconds.
See it in the catalog →Dust Erase
A data-broker listing is scanned, crumbles into dust, and your payoff types on in blue. A 7-second privacy-product sting.
See it in the catalog →
