Reduce motion is on · previews stay still
All effects Objects & products Impossible Segmented Ring Impossible Segmented Ring Impossible Segmented Ring is a published Three.js prompt by Leonxlnx. It has source credit and no verified 3dmotion rebuild.
by Leonxlnx on GitHub
Result by Leonxlnx Original prompt Leonxlnx · GitHub Rebuild status No verified 3dmotion rebuild. Open demo No live demo linked here. Prompt by Leonxlnx. Copies include source credit.
Original prompt Free · 1,539 characters Create an interactive 3D optical illusion — an "impossible torus ring" using Three.js with an orthographic camera to create the illusion of impossible geometry. The ring should be made of 12 separate segmented blocks arranged in a torus…
Create an interactive 3D optical illusion — an "impossible torus ring" using Three.js with an orthographic camera to create the illusion of impossible geometry.
The ring should be made of 12 separate segmented blocks arranged in a torus shape with small gaps between them. Each block has a dot-textured surface and visible wireframe edges.
**Interaction:**
- On hover: the hovered block scales up (pop-out effect), all others dim and shrink slightly, and the entire torus smoothly stops rotating.
- On click: the hovered block detaches from the ring, flies out toward the camera with a GSAP animation, scales up 2.2x, and a glassmorphism UI card panel appears alongside it with a backdrop blur overlay.
- Close button or overlay click: the block flies back to its exact original position in the ring (even if the ring rotated while the panel was open), the UI closes, and the rotation resumes smoothly.
**Technical requirements:**
- Orthographic camera for the "impossible geometry" illusion
- Dot texture generated via Canvas (procedural, no external images)
- Cloned materials per block for independent dimming
- GSAP for all UI and 3D animations (fly-out, fly-back, card reveal)
- `scene.attach()` / `torusGroup.attach()` for seamless parent-switching during animations
- Smooth speed interpolation for rotation start/stop
- Ultra-clean glassmorphism UI: dark glass card with image, tag, title, description, and animated close button
- Fully responsive (mobile: card centered, desktop: card offset)
- Pure black background (#000000) Prompt by Leonxlnx on GitHub. github.com/Leonxlnx/mybuilds/blob/HEAD/optical-illusion/prompt.md . Copies include this credit. A Verified card includes a receipt and a pinned single-file rebuild you can run here. Recorded limitations explain what the rebuild changes or leaves out.
Impossible Segmented RingLeonxlnx · Objects & products