Agent Shah.
Three.js + Rapier 3D physics — a playable agent-themed portfolio
Overview
A top-down 3D stealth shooter where the playable agent is me. Players move through neon-lit sectors, pick up briefings on each of my projects, and fight through enemies with pistols, machine guns, and even a pencil. Built from scratch on Three.js + Rapier physics — no React, no game engine.
The Problem
A static scrollable portfolio is forgettable. I wanted recruiters and visitors to actually play through my work — turn passive reading into something they remember.
Built a fully physics-driven 3D shooter on the web. Each sector is a project briefing pad — interact with it to read about the project, then push north to the next sector. Multi-weapon gunplay, AI patrol with line-of-sight, stealth takedowns, and a sector-based HUD make it actually fun to navigate. Vite compiles it to a tiny bundle that runs at 60fps in any modern browser.
Key Features
- 013D top-down shooter built from scratch in Three.js — no game engine
- 02Rapier 3D physics for character movement, bullet collision, and ragdolls
- 03Multi-weapon system — pistol, machine gun, pencil, hand-to-hand fight
- 04Sector-based level flow with south entry / north exit per round
- 05Briefing pads tie each in-game sector to a real project from my career
- 06AI enemy patrol with line-of-sight detection and stealth assassinations
- 07Neon-lit pathways, HDR ambient lighting, decrypting-dossier intro
- 08Agent identity HUD — name, sector, weapon, ammo, target counter
Built By
Shah Fahad — Senior Software Engineer
Karachi, Pakistan
More Case Studies
- MILETAP
Konnect.im
Enterprise-grade real-time video conferencing platform
- E-OCEAN
WhatsApp ChatBot Simulator
Visual flow builder for designing and testing WhatsApp bots
- Freelance
Helpers
On-demand home services marketplace for Pakistan
- EXACT
Khawateen Rozgar Services
Women's empowerment job portal for re-entering the workforce