Gargantua
A black hole ray-traced in real time: accretion disk, gravitational lensing and Doppler shift.
Open in the Observatory3D · THREE.JS · WEBGL
3D websites and apps with Three.js and WebGL.
I build interactive 3D experiences for the web and for phones: brand scenes, objects you can turn, visualizations and whole sites like this one. Custom shaders, performance measured on real devices, and content that stays readable to Google.
3D development
What I build.
3D websites
Landing pages and full sites with a real-time scene that responds to the visitor, like the system on this portfolio.
3D models and viewers
Objects people can study up close, turn and relight in the browser, with nothing to install.
Custom shaders
Hand-written GLSL: a black hole with gravitational lensing, a moving ocean, iridescent glass.
3D on phones
Scenes that adapt their resolution to each phone’s frame rate, on the web or inside a React Native and Expo app.
Six specimens, in real time.
Each one opens in this site’s Observatory: see them live, on your phone too.
Tesseract
A glass hypercube rotating through four dimensions, with iridescent membranes.
Open in the Observatory
Ranger
A landing craft with a lofted hull, gunmetal plating and an engine plume.
Open in the Observatory
Miller
A shoreless ocean with real-time waves and light, built with custom shaders.
Open in the Observatory
How I work.
Measured performance
Every scene is measured on real GPUs and phones: resolution adapts to the device, and the scene sleeps when it’s out of view.
Readable to Google
The 3D is never the content: text and links live in the HTML. My Gargantua simulator shows up in Google Images.
Accessible
One switch turns motion off, and low-end devices get a version without the scene.
Frequently asked questions
Before you write.
Does a 3D website work on phones?
Yes. This site’s scene runs on phones: it adapts its resolution to each one’s frame rate and serves a version without 3D to devices that can’t handle it.
Does 3D hurt SEO?
Not when it’s done right: the canvas sits behind and the real content is in the HTML. This site’s 3D pages show up in Google Search and Google Images.
Can you work with my 3D models?
Yes, in glTF, or I build the geometry in code, like the bodies on this site.
What about inside a mobile app?
Yes. With React Native and Expo the scene can live inside the app; as a website, it opens on any phone with nothing to install.
Got a mission in mind?
Write to me with what you need. I read every message and reply myself.