A 3D dungeon where real problems block your path
Navigate a Three.js powered 3D world where every obstacle is a real coding or ML problem. Solve to move forward. Get stuck — your brain activates maximum learning mode.
Game features
Why this game teaches better than videos
The neuroscience is simple: struggle before instruction. HatimAI puts you in the stuck state first, then the solution arrives with full emotional weight.
3D dungeon world
Built with Three.js r160 and Cannon.js physics. Navigate a fully rendered 3D environment in your browser — no download needed.
Real problems as obstacles
Every locked door, every blocked path is a real coding, ML, or science problem. Solve it correctly to proceed. Get it wrong and face a consequence.
AI-powered problem selection
The game learns what you struggle with and sends more of those problems. Personal difficulty scaling without any setup.
The Hatim model
Inspired by Hatim's 7 questions — each answered through struggle, not shortcut. The game puts you in stuck states deliberately because that's when encoding peaks.
Tech stack
Built with real game development tools
The same stack taught in the Game Development course — so playing the game also teaches you how it's built.
Three.js r160
3D rendering & scene management
Cannon.js
Physics engine — collision, gravity
WebGL
GPU-accelerated browser graphics
React + Django
Game state, progress, leaderboards
Enter the 3D quest — free, browser-based
No download, no install. Opens in your browser. Works on desktop and tablet.