Create an interactive black hole simulation website that combines a visually faithful, physically grounded 3D black hole with a guided, friendly explanation written for 12-year-olds. A curious kid should be able to open this page, see a stunning black hole with a glowing accretion disk bending around the event horizon, play with it, and actually understand what they are looking at.
The simulation should feel scientifically honest, not like a generic screensaver. Render the signature features people recognize from real black hole imagery and the movie Interstellar: the pitch-black event horizon shadow, a bright swirling accretion disk whose light is gravitationally lensed so the far side of the disk appears to arc above and below the black hole, an asymmetric brightness where the side of the disk spinning toward us looks brighter (Doppler beaming), and a sense of warped spacetime around it. Let visitors orbit the camera around the black hole, zoom in and out, and tilt their view, and let them change meaningful parameters—such as spin, disk temperature or speed, and camera distance—while watching the image respond. Include a mode or visual device that helps explain light bending, such as toggleable photon paths or a "what you'd see without gravity" comparison. Wherever practical, favor real physics or honest approximations (Schwarzschild-style light bending, gravitational redshift, relativistic beaming) over decorative fake glow, and make the approximation choices visible to the curious reader in a small "how real is this?" note.
The educational layer is the heart of the experience. Write every explanation in warm, clear language a 12-year-old genuinely understands: short sentences, everyday analogies (a trampoline for curved spacetime, a waterfall for the event horizon, a race between light and gravity), zero unexplained jargon, and a friendly, wonder-filled tone. Build a guided journey that introduces the big ideas one at a time—what a black hole is, why nothing escapes the event horizon, why the disk glows, why the picture looks bent, what spaghettification is, and how time runs slower near a black hole—each tied directly to what is happening on screen. Let the visitor click on parts of the black hole (the disk, the shadow, the photon ring) to get a kid-friendly explanation of that part. Include a fun extras section: a few surprising facts, a small interactive quiz or "try this" challenges (for example, "find the angle where the disk looks like a halo"), and a gentle glossary that defines any science word in plain language.
Design the page like a beautiful interactive science exhibit: dark space atmosphere, elegant typography, glowing accents that match the disk's palette, smooth camera motion, and responsive controls that work with mouse and touch. Include a real-time readout of what the visitor is seeing (viewing angle, approximate distances in kid-meaningful units, time-dilation factor at the horizon of what they observe), so the numbers connect to the visuals. The experience must work as a fully static site with no server and should run smoothly on a typical laptop; use shaders or an equivalent GPU approach so the lensing is computed rather than painted, and make sure text panels remain readable over the simulation on both desktop and mobile screens.
Do not take shortcuts, substitute a cookie-cutter particle demo with a dark circle, or stop at a surface-level approximation. This skill imposes no token budget limit, so pursue complete subject-specific depth: keep refining the physics visualization, the fidelity of the lensed image, the interactive controls, the clarity and charm of the explanations, the guided journey, the responsive states, and the small delightful details until the whole thing feels like an authored, complete museum-grade exhibit a smart kid would love.