Glass and Gold Mosaic Film
An 80-second square WebGL2 animation by Chris Riley: loose glass and gold mosaic tiles form swimming fish, flying birds and a wall that turns from day to night.
How it was made
No recipe was published for this Outcome. The exact prompt and any recorded model details are available. Copy this text kit to your agent to adapt it.
Models
- Opus 5.5 (creator-reported) · Anthropic · execution
About
An 80-second square WebGL2 animation by Chris Riley: loose glass and gold mosaic tiles form swimming fish, flying birds and a wall that turns from day to night.
Original creator and source
Chris Riley (@LCSlates) shared the video demonstration on September 22, 2026, crediting Opus 5.5. This is the creator’s model attribution, not an independently reproduced run.
The original prompt asks for one self-contained HTML animation using WebGL2 and JavaScript, without libraries or external media assets. The posted agent readout describes the animated figures, a night transformation, a spiral finale and synthesized browser sound, along with visual revisions and remaining rough edges.
Reuse
The copyable prompt is a Fray-authored adaptation of the publicly described idea, not a verbatim transcript or evidence that we reproduced the result. Follow the source link for the creator’s own wording. The prompt is intended to generate a new implementation.
Available evidence
The preview is a playback copy of the original X video, with unchanged video and audio streams and MP4 metadata moved to the beginning for streaming. No downloadable HTML implementation was provided in the linked posts; this entry does not claim source-code availability, a verified one-shot result or independent technical validation. Original media remains attributed to its creator and is excluded from this repository’s MIT license; see media/NOTICE.md.
Exact prompt
Hidden characters, if present, appear as Unicode escapesCreate a self-contained browser film with an 80-second running time and a square canvas. Deliver one HTML document using vanilla JavaScript and WebGL2. Do not load libraries, textures, images, fonts or audio recordings.
Build the scene from small reflective glass pieces and metallic gold tiles arranged as a wall mosaic. Animate the individual pieces in three dimensions: they should separate from the wall, turn in space, move together as recognizable figures, and return to their original positions. Make a fish move as a coordinated school of its own component tiles rather than sliding a flat picture across the screen.
Develop a coherent visual sequence that includes birds taking flight, a transition from warm daylight to a dark celestial palette, and a final swirling release and reconstruction of the mosaic. Preserve the silhouettes while their pieces move. Use lighting and restrained reflections to keep each figure legible against the wall.
Generate any accompanying sound procedurally with browser audio, starting only after user interaction. Include playback and replay controls. Inspect representative frames and transitions, repair visual defects, and provide the final HTML with brief instructions for opening it in a WebGL2-capable browser.What you need
- WebGL2-capable browser
- User interaction to enable synthesized browser audio
Download the result
Technical details and provenance
- Provider
- Anthropic
- Model
- Opus 5.5 (creator-reported)
- Published
- Publication
- community