The Main Gates

The Main Gates project was born from a creative exploration into generative environments using Three.js. The aim was to simulate a mystical portal scene with animated particles, atmospheric depth, and immersive camera motion—all rendered smoothly in a browser. It required balancing realism and performance, with a deep dive into point-based geometry and custom scene logic. The challenge wasn’t just about building a beautiful 3D experience—but understanding the math and structure needed to animate hundreds of thousands of particles dynamically.

As the Full-Stack Developer and 3D Experience Lead, I designed and implemented the entire WebGL experience using Three.js. This project deepened my understanding of shader-based visuals, procedural geometry generation, and creative scene composition. It pushed me into performance optimization techniques for large particle systems, layering atmospheric fog, glow effects, and additive blending. It was a key milestone in my 2024 journey into immersive web interfaces—bridging code and creative visuals.