The Challenge
Creating an immersive 3D game that runs in a browser without downloads or installs, while maintaining console-quality graphics and gameplay.
Browser games historically limited to 2D or simple 3D
WebGL performance constraints vs native game engines
Asset creation for indie developers is expensive and time-consuming
Physics simulation in browser is computationally expensive
Mobile and desktop compatibility requirements
The Solution
Built a full 3D FPS experience using modern web technologies, AI-generated assets, and optimized rendering pipelines.
Three.js: Industry-leading WebGL library for 3D rendering
Rapier3D: WebAssembly physics engine for realistic gameplay
Meshy.ai: AI-powered 3D model generation for unique assets
Hyper3D Rodin: Additional AI asset enhancement
Vite: Lightning-fast development and optimized builds
Netlify: Edge deployment for global low-latency access
The Results
Successfully launched a browser-based 3D FPS that runs at 60 FPS with AI-generated assets and immersive gameplay - playable right now at thelostfort.com.
Live & Playable
Play now at thelostfort.com - no download required
60 FPS Performance
Optimized rendering for smooth gameplay
AI-Generated Assets
Unique 3D models created with Meshy.ai
Cross-Platform
Works on desktop and mobile browsers
Technical Architecture
Three.js rendering pipeline with Rapier3D physics, optimized asset loading, and Netlify edge deployment for global performance.
Technology Stack
I can't believe this runs in a browser. The AI-generated assets give it a unique aesthetic that stands out from typical indie games.
Game Tester
Beta Player