3D Black Hole

I built this interactive black hole as a tribute to Interstellar's visually stunning Gargantua. The film's depiction of the black hole has always fascinated me, so when I had the chance to attend an amazing Master Shaders workshop with the 3D wizard himself, Bruno Simon (creator of Three.js Journey), I knew exactly what I wanted to create. 🚀 Learning directly from Bruno was an incredible experience, and this project is the direct result of his fantastic teaching.

This was one of my first real deep dives into Three.js and GLSL shaders, and I am incredibly proud of what I was able to accomplish in just a few hours. It’s a testament to the power of shaders that the entire visual effect is generated from simple building blocks—just a few planes and spheres. These basic shapes are brought to life with custom GLSL code, procedural noise textures for the swirling accretion disk, and careful color grading to capture that cinematic feel.

The result is a dynamic, real-time render that you can explore right here in your browser. Feel free to click and drag to orbit the scene and see the gravitational lensing effect from different angles. This project truly ignited my passion for creative coding and opened my eyes to the limitless artistic possibilities of real-time 3D on the web.