Welcome to LOL City, an open-world 2D pixel-art life simulator where your destiny is shaped entirely by your choices and a healthy dose of pure chaos—starting from the very second you sign up. Built to run seamlessly in modern web browsers, this game combines the social depth of traditional life simulators with the absolute, high-stakes freedom of open-world sandbox games.
Choose to walk the straight-and-narrow path of a successful citizen, climb the high-society ladder of the elite, or dive into a chaotic life of crime where normal rules apply—but the choices (and consequences) are entirely yours.
No two playthroughs are the same. When you create your account, you are met with a situational personality quiz. Your answers process your psychological profile and assign you a randomized starting socioeconomic class:
- 📉 Broke Drifter: Start in a tiny, run-down apartment with barely any cash, cheap, rickety furniture, and a steep hill to climb.
- 🏢 Comfortable Citizen: Start in a modest suburban home with stable finances, standard amenities, and a balanced lifestyle.
- 💎 Spoiled Elite: Spawn in a massive luxury mansion with millions in cash, elite-tier decor, and high societal standing.
- Smooth, 8-directional WASD/Arrow key movement system running on a crisp HTML5 Canvas.
- A classic pixel-art aesthetic paying homage to timeless retro RPGs.
- Full axis-aligned bounding box (AABB) collision detection with walls, objects, and buildings.
Interact with any NPC drifting through the town. Stand near them and press E to open the interaction wheel:
- Social Path: Talk, Flirt, Deep Bond, Make Friends, Form Alliances, Throw House Parties.
- Chaotic Path: Pickpocket, Provoke, or completely Eliminate rivals.
Every action carries weight. Choosing a high-stakes criminal path triggers a real-time response system:
- Your Crime Level rises based on the severity of your actions.
- Police Officer NPCs spawn dynamically, utilizing basic pathfinding to hunt you down, surround you, and put you under arrest.
- Manage your Karma and Cash carefully to survive the streets of LOL City.
The codebase is built cleanly and modularly, designed specifically to be scaled easily via AI agents like Antigravity or direct developer contribution:
📁 lol-city/
│
├── 📄 index.html # Web entry point and viewport canvas element
├── 📄 styles.css # Retro styling, onboarding wizard, and UI overlay positioning
│
└── 📁 src/
├── 📄 main.js # Core game initialization and bootstrapper
├── 📄 engine.js # Game loop (30Hz), HTML5 canvas wrapper, and input mapping
├── 📄 quiz.js # Onboarding quiz handler and character profile generation
├── 📄 state.js # Global state machine (Cash, Karma, Crime Level, NPCs)
├── 📄 entities.js # Base classes for Player, Citizens, and Law Enforcement
└── 📄 physics.js # 2D top-down velocity vectors and grid-based collision logic