Building a 3D FPS with Three.js + TypeScript

The Stack

This portfolio is a first-person shooter built entirely in TypeScript with Three.js. You navigate a haunted arena, shooting Evil Larry targets while collecting potions to save Meow City.

Tech

• Three.js for WebGL rendering
• TypeScript for type safety
• Cloudflare Pages for edge deployment

Why a Game?

Most portfolios are static pages. I wanted to show I can build real-time interactive systems — physics, raycasting, audio synthesis, game state machines — not just CRUD apps.

The entire game runs at 60fps in the browser with no frameworks beyond Three.js.