Dupin Cyclide
3D object3DSeamless loop16 seconds
Source
Chrome Orbit
A little sculpture garden of liquid-chrome shapes, with the camera circling it in a perfect loop.
Finished scene, V3 Scenes3DSeamless loop, verified0 lines of codev1.2.0
In Light, glass & shine, Liquids
Next: Dupin CyclideSurprise me
Your current settings go with it. Combine several clips and hand them over together from your sequence.
Effect controls
Presets
Lower is a sharper mirror.
The preview runs the same code your AI receives. These settings travel with the hand-off.
Info
What it is
Chrome shapes arranged on a dark stage — a knot (or a morphing chrome blob) surrounded by spheres, a capsule, a ring and a cube — while the camera glides all the way around and back to the start. Change the metal colour for gold, the shine, the light warmth and the camera path. It is built from the Chrome Material, Orbit Camera and (optionally) Iridescent Blob ingredients.
Built from these ingredients
- Chrome Material & Studio Light 1.1.0 — Chrome surface, studio lighting, cove and floor.
- Smooth Orbit Camera 1.0.0 — Looping camera path.
- Iridescent Morphing Blob 1.1.0 — Optional morphing centrepiece (rendered in chrome).
Make it your own
- Replace the shapes with your own model or logo and keep the camera loop.
- Use the gold preset for a luxury product backdrop.
- Lower the camera height for a dramatic hero angle.
Good to know
- Shapes reflect the studio, not each other.
Technical details
Technical details
- Implementation
- Three.js 0.185.1 (WebGL) · ES module
demo.js - Exports
createDemo({ canvas, width, height, params, fps, duration }) => { renderFrame(info), dispose() }
- Dependencies (exact)
three@0.185.1(source) — WebGL rendering.chrome-material@1.1.0(source) — Material and environment.orbit-camera@1.0.0(source) — Camera motion.iridescent-blob@1.1.0(source) — Optional centrepiece geometry.apw-runtime@1.0.0(source) — Harness and export tools.
- How it fits a scene
Coordinates: Y-up, stage centred on the origin.
Lighting: Studio environment from chrome-material.
Timing: Pure function of progress — seamless loop.
- Output
- 1080×1080, 30 fps, 8 s · procedural (computed from the frame number) · seamless loop — Whole camera turns, whole centrepiece turn, periodic blob morph.
- Tested
- Rendered 240 frames on 2026-10-03 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
- Six meshes with physical materials; light. The blob centrepiece deforms on the CPU. None notable.
- Export a video yourself
- Download the source, then in the folder:
npm install npm run render -- chrome-orbit/1.2.0 --out my-video.mp4Needs Node 18+, ffmpeg and Chrome/Chromium. Add--params my-settings.json(from Copy settings) for your own settings. - Files
- LICENSE 1 KB · demo
- asset.json 7 KB
- demo.js 3 KB · demo
- index.html 1 KB · demo
- License
- MIT. Copyright (c) 2026 AI Pixel Wizard. Released under the MIT License. See LICENSE in this folder. Third-party: three.js 0.185.1 (MIT). License details
- For agents
- agent.md · JSON manifest · standalone demo
- Provenance
- Original code written for AI Pixel Wizard in October 2026. Demo polished in October 2026 to the catalog quality bar (docs/QUALITY.md).
BinMore like this
More like this
Play these full screen
Minimal Surface
3D object3DSeamless loop16 seconds
Chrome Material & Studio Light
Material3DSeamless loop8 seconds
Liquid Glass
Material3DSeamless loop8 seconds
Iridescent Morphing Blob
3D object3DSeamless loop8 seconds
The Silver Swan
Background3DSeamless loopPortrait8 seconds
Chocolate Pour
3D object3DSeamless loop12 seconds
Resin Pour
3D object3DSeamless loop14 seconds