Neon Koi
NewBackground3DSeamless loopPortrait8 seconds
Source
The Silver Swan
A heavy silver droplet draws itself into a long-necked swan above a black mirror, then pulls back into a drop. Liquid chrome with real reflections. Loops.
Background, V1 Effects3DSeamless loop, verified82 lines of codev1.0.0
In Light, glass & shine, Liquids, Nature & weather, Made for phones
Next: Neon KoiSurprise me
Combine several clips and hand them over together from your sequence.
A finished film
It plays exactly as rendered and has nothing to adjust. The preview runs the same code your AI receives.
Info
What it is
A single heavy droplet of liquid silver hangs above a rippling black mirror. It stretches and folds into a long-necked swan with folded wings, tooled feathers and one tiny ruby eye, with white architectural reflections running down its neck and a mirrored twin in the black water below. The swan holds, then pulls back into the droplet, so the film ends where it began and loops. The film has no settings.
Reuse it in your own idea
- Luxury teaser: loop it behind a logo; the swan stands fully formed through the middle of the film.
- Seamless loop: it ends on the droplet it started from, so it can repeat for any length.
- Beauty and fashion reels: the dark frame leaves room for a title above the swan.
Which part is reusable
src/chrome-swan.js is the ingredient your AI reuses. demo.js is only the example scene around it, and uses the demo harness only for the demo.
Good to know
- The film is finished: it has no settings. To change colours or timing, edit the shader.
- It is composed for a 4:5 portrait frame.
- Its length is fixed at 8 seconds; repeat the loop to fill a longer clip.
Technical details
Technical details
- Implementation
- Three.js 0.185.1 (WebGL) · ES module
src/chrome-swan.js - Exports
createChromeSwan() => { scene, camera, setSize(width, height), update(time), dispose() }
- Dependencies (exact)
three@0.185.1(source) — Renderer and a full-screen shader material.apw-runtime@1.0.0(demo) — Demo harness.
- How it fits a scene
Coordinates: Composed for a 4:5 portrait frame and measured by the frame height: in a wider frame the picture stays centred at full height and its background fills the sides; in a narrower one, such as 9:16, the sides are cropped.
Lighting: A dark studio: soft white strip reflections on the chrome and a black mirror floor that reflects the swan.
Timing: A droplet draws itself into a swan, the swan holds and the wings fold, then it pulls back into the droplet.
- Output
- 1080×1350, 30 fps, 8 s · procedural (computed from the frame number) · seamless loop — Every part of the film is a function of the time modulo its length, and every motion completes whole cycles, so the last frame meets the first.
- Tested
- Rendered 240 frames on 2026-10-10 in Chrome 154.0.8037.97 headless on Linux 7.0.0-38-generic (x64), Node 22.14.0 (WebGL 2 via SwiftShader (software)). Same frame twice from fresh pages: identical. Loop: Frame 0 vs end state (progress 1): mean |Δ| 0.0000, max |Δ| 0 of 255.
- Performance
- One full-screen fragment shader. About 9 ms a frame at 1080 by 1350 on an integrated Intel GPU (Iris Xe), and about 1 s a frame with software WebGL. Plays at 30 frames a second at full size on an integrated GPU.
- Export a video yourself
- Download the source, then in the folder:
npm install npm run render -- chrome-swan/1.0.0 --out my-video.mp4Needs Node 18+, ffmpeg and Chrome/Chromium. Add--params my-settings.json(from Copy settings) for your own settings. - Version
- 1.0.0 ·
sha256:edd13341a6d271a2… - Files
- LICENSE 1 KB · demo
- asset.json 6 KB
- demo.js 1 KB · demo
- index.html 1 KB · demo
- src/chrome-swan.js 7 KB · reusable
- License
- MIT. Copyright (c) 2026 AI Pixel Wizard. Released under the MIT License. See LICENSE in this folder. License details
- For agents
- agent.md · JSON manifest · standalone demo
- Provenance
- From the owner's collection Twenty Impossible Worlds: the original GLSL ES 3.00 shader of the film “The Silver Swan”, created with ChatGPT / Codex and used as published, wrapped for AI Pixel Wizard as a three.js full-screen shader in October 2026. The collection's synthesised soundtrack is not part of this ingredient.
BinMore like this
More like this
Play these full screen
Cathedral of a Butterfly
NewBackground3DSeamless loopPortrait8 seconds
Weather Inside a Record
NewBackground3DSeamless loopPortrait8 seconds
Time Grows Here
NewBackground3DSeamless loopPortrait12 seconds
Rainy Window
Background3DSeamless loop10 seconds
A Desert in an Hourglass
NewBackground3DSeamless loopPortrait8 seconds
A Door Into Four Seasons
NewBackground3DSeamless loopPortrait8 seconds
Paper Birds, Real Shadows
NewBackground3DSeamless loopPortrait12 seconds