Case · Interactive Web
OTHERWHERE: Black Hole Gravity Playground
A full-screen interactive webpage created with AI assistance. Drag to change the black hole perspective, zoom to observe the glowing accretion disk, and long-press and charge up to travel through the golden, purple, and cyan-green worlds.
Open the pageOpens boloop-otherwhere.pages.dev in a new tab. It is a separate site, not part of this one.
Image credit: Tink
How to Experience
- Drag or use arrow keys to change the viewing angle, use mouse wheel, two-finger pinch, or +/- keys to zoom in/out.
- Long-press the spacebar or circular button to charge up; release or hold until fully charged to enter the next color-themed world; on mobile, you can also tap the circular button to switch.
- The page provides options to pause animation effects and view controls, and respects the system's reduced motion preference.
About This Work
Built with native HTML, CSS, and JavaScript, using WebGL to draw the black hole and accretion disk and Canvas 2D for particles. This is a visual interactive artwork, not a scientific simulation.
Requires a browser with WebGL support; device graphics performance will affect fluidity.