Skip to content
Sector 32: A Three.js Portfolio Dense With Sci-Fi Detail

Sector 32: A Three.js Portfolio Dense With Sci-Fi Detail

Piet Dewijngaert's portfolio is pure visual spectacle. Chrome skulls, laser beams, and a "prove you're human" gate set the tone. The tech stack evolved from vanilla JS to Svelte to Three.js with R3F. Every corner packed with interactive details, somehow still performant.

Details

Published

What it is

If the Flash era had a spiritual successor built for modern browsers, Piet Dewijngaert's Sector 32 might be it. This portfolio doesn't so much present information as it performs it: laser beams slice the air, a chrome skull presides over the scene, and you're asked to prove you're human before the site deigns to reveal more. It's gloriously extra in a way that feels less like ego and more like a love letter to an internet that prioritized spectacle over "content above the fold."

What makes this interesting to fellow builders is the journey. Piet started with vanilla JS and CSS, built 3D effects from scratch using DOM elements and CSS transforms, then migrated to Svelte, and eventually landed on Three.js with React Three Fiber and Drei for the latest iteration. You can trace the evolution across versions: earlier builds used Matter.js for physics, GSAP orchestrates the animations, and the retro sci-fi aesthetic draws from 80s and 90s film UIs without devolving into pastiche. He calls himself a "Geriatric Developer" and leans into it. The site is dense with interactive details but somehow runs smoothly. That restraint under the hood is harder than it looks.

Poke around the demo and pay attention to how the text scramble effect works on hover.

How it’s made

Technique
Physics
Domain
Portfolio