Mechanical eyeball opens its plates to the beat of a track
107 views · 5 likes · 1 saves · 2 reposts · Posted Sep 27, 2026 · 0:28 · Motion graphics
OUR NOTEA screen recording of an audio-reactive browser scene: a chrome mechanical eye with 72 plates, a 9-blade iris and orbiting rings flips open on kicks and drops, beside a live control panel of sliders synced to the 136 BPM track.
CLAUDE OPUS 5.5 MADE ME A MAGIC EYE.
It doesn't just look around. It listens.
72 plates wrapped around a mechanical eyeball, a 9-blade iris, a lens that slides out when the bass hits, two rings orbiting it like it's its own little planet.
Play a track and it comes alive. Every kick flips the plates open. The bass pushes the lens forward. The highs light up the glowing core inside.
When the song drops into the breakdown, the eye closes and goes quiet, like it's thinking. Then the drop hits and it blows wide open.
Opus 5.5 listened to the track first, found the tempo, the breakdown and the drop, and built the whole thing around it. Even the panel on the right is live: every slider moves with the music.
All 3D, all code, rendered right in a browser.
Turn the sound on.THE PROMPT
Partial prompt — the creator shared only part of it.
CLAUDE OPUS 5.5 MADE ME A MAGIC EYE.
It doesn't just look around. It listens.
72 plates wrapped around a mechanical eyeball, a 9-blade iris, a lens that slides out when the bass hits, two rings orbiting it like it's its own little planet.
Play a track and it comes alive. Every kick flips the plates open. The bass pushes the lens forward. The highs light up the glowing core inside.
When the song drops into the breakdown, the eye closes and goes quiet, like it's thinking. Then the drop hits and it blows wide open.
Opus 5.5 listened to the track first, found the tempo, the breakdown and the drop, and built the whole thing around it. Even the panel on the right is live: every slider moves with the music.
All 3D, all code, rendered right in a browser.
Turn the sound on.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 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
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.
Indexed Sep 30, 2026, 2:01 PM · Views as of indexing. Video and post © their creator.