Animations
A cinematic, interactive animated scene, hand-built with canvas, WebGL and SVG, that you can record to video.
What you get
An animated scene that responds to the pointer, with play, pause and replay controls, smooth frame timing on any screen, and respect for reduced-motion settings. Canvas scenes can record themselves to a .webm video you download.
How it is made · 6 stages
Built on the Sandbox engine. These are the stages it runs, in order — the same list the builder shows live while it works.
- 1BriefCode
Chooses the technique, the loop shape and the timing before any motion is written.
- 2GenerateAI call
One tool call returning a complete self-contained HTML document that animates on load.
- 3Motion auditCode
Reads the emitted document for the things that would make the piece dead on arrival.
- 4RepairAI call· the motion audit found something worth an edit
One targeted pass carrying every repairable motion finding.
- 5Re-testCode· a repair ran
Audits the repaired document, so the repair is measured rather than assumed.
- 6Keep or discardCode· a repair ran
Keeps the repair only if it scored better than the original.
After it is built
- Refine in its builder — “slower, and warmer colours”.
- Share the link, or record and download the video.