Mosaic tiles that lift, flip and swim into place
58 views·Posted 24 Sept 2026 · 1:20 · Motion Graphics
Our note
An 80-second square animation of a glass-and-gold-leaf wall mosaic whose tiles lift free and reassemble into moving figures, seen here forming a bird in flight over a sunlit, tree-lined shore; built as one HTML file in WebGL2.
The creator’s post
The model has got taste now. Opus 5.5 - prompt below
The prompt
Detailed single-file build specMake an 80 second square animated film as a single HTML file, using WebGL2 and plain JavaScript, with no libraries and no image, font or audio files. It should look like a glass and gold leaf wall mosaic whose tiles were never glued down, so they can lift, flip, fly and click back into place. Figures are flocks of tiles, so a fish swims by its tiles swimming.
Make one like this
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
The creator didn’t name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4. How that works →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth