3D

Black Hole

A real-time Schwarzschild black hole in the browser, with light rays traced per pixel in WebGL2.

View live (opens in a new tab)View code (opens in a new tab)

Open live site

Black Hole is a real-time Schwarzschild black hole that runs in a browser tab. Every pixel traces a ray of light backwards through the curved spacetime in a WebGL2 fragment shader, so the shadow, the photon ring and the warped image of the accretion disk behind it all come out of the maths.

The disk is brightened and blued on its approaching side by Doppler beaming. The Physical look applies the frequency shifts; the Film look switches them off. The sky is built from the Yale Bright Star Catalogue over a Milky Way map. You can orbit and zoom with mouse, touch or keyboard, pick a Low, Medium, High or Ultra quality level (it steps down automatically when frames get slow), save a PNG, and switch to a light theme. The page fetches only its own files and needs no keys.

Screenshots

  • The black hole with a dark shadow and a thin bright photon ring, framed by a warped, brightened accretion disk over a starfield, with the controls panel open on the right.
    Physical look
  • The same black hole with Doppler beaming and gravitational redshift switched off, so the accretion disk is an even warm gold.
    Film look
  • The black hole on a phone-sized screen, with the title and frame-rate readout at the top and a Controls button at the bottom right.
    Mobile
HomeProfessional
ProjectsProfessional
SoftwareProjects
InteractiveProjects
Data and AnalyticsProjects
OtherProjects
ExperienceProfessional
Career TimelineProfessional
QualificationProfessional
Project HubProfessional
Code SnippetsProfessional
InteractiveProfessional
ResumeProfessional
First Run and Bun win in ASEANProfessional
Privacy
Terms
Cookies
QuestArchiveSoftware
DueReminderSoftware
AccessEaseSoftware
TL;DR PanelSoftware
asset-vaultSoftware
gfx-kitSoftware
House KitSoftware
sg-data-hubSoftware
vin-contextSoftware
vin-workflowSoftware
Black HoleInteractive
3D RoomInteractive
QR GardenInteractive
Synthwave DriveInteractive
MRT WindowInteractive
DevPulseData and Analytics
MetaLens VGCData and Analytics
esp32-core-kitOther
Toggle light / dark
Switch sidePersonal
Pause / resume effects
Copy email
Random page
Keyboard shortcuts
Download resume (PDF)

โ†‘โ†“ move ยท Enter open ยท Esc close

Keyboard shortcuts

Ctrl K / โŒ˜K
Search the Site
?
Keyboard shortcuts
Esc
Close

ACHIEVEMENT UNLOCKED