Blog · SHIP’S LOG
Long, technical posts on how each piece of this site was made —shaders, Three.js, Next.js, performance— with the real code and numbers, not summaries.
Gargantua isn't a visual effect: almost everything on screen is dictated by gravity. What the shadow is, why the disk shows above and below, what the photon ring is, and what the film deliberately left out.
What to look for in a portfolio, what a proposal has to say, why you should ask for progress you can open on your phone, and what to ask about the domain, the code and what comes after. What I'd ask for if I were the client.
A four-dimensional cube that rotates in planes our space doesn't have, drawn with a single stroke of light. The 16 vertices, the rotation through W, the perspective, and what it took to stop it looking like a cage.
A site with a black hole ray-traced in real time is usually invisible to search engines and heavy on a phone. The rules, effect levels and measurements that keep this one from being either.
How this site works in English and Spanish on the Next.js 16 App Router: translated routes, a single source for every URL, hreflang, sitemap, a language switcher and not one line of middleware.
Gargantua, the centre of this portfolio, isn't drawn: a shader follows the light ray by ray around the black hole. The physics, the disk, the Doppler effect and what it took to run on any device.