3D Interactive Airport Scene (Three.js)
Three.js
WebGL
JavaScript
OrbitControls
Raycasting
- Engineered a fully interactive 3D airport environment from scratch using Three.js / WebGL — modeling a complete aircraft (fuselage, wings, engines, landing gear), hangar, fuel truck, baggage carts, and light poles with real-time cast and received shadows.
- Architected a dual-camera system with seamless switching between orbit overview and WASD first-person navigation; layered in raycasting for click-driven interactions — toggling individual light poles and animating the hangar door open/close.
- Designed a production-grade multi-light pipeline (directional, point, and spot lights with 2048×2048 shadow maps), a looping fuel truck animation, sine-wave beacon lighting, atmospheric fog, and tarmac/grass texture mapping for visual depth.