Mosaic tiles that lift, flip and swim into place

Name: Mosaic tiles that lift, flip and swim into place
Uploaded: 2026-09-23T23:43:22.000Z
Duration: 80 s
Channel: Zee
Description: 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.

ZeeVERIFIED

@zeezomb

VIEW ORIGINAL ON X ↗

58 views · 0 likes · 0 saves · 0 reposts · Posted Sep 23, 2026 · 1:20 · Motion graphics

OUR NOTEAn 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 spec

Make 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

Three steps, using what the creators in this index used.

1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS →
2 · Long piece? Give Claude a framework
ALL VIDEO SKILLS →
3 · Render it to MP4
For a longer piece like this one, render with a framework so the timing is exact on every take.
CLAUDE CODE + HYPERFRAMES / REMOTION →

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

generative-artparticles3d