Project Overview: A complex, browser-based economic strategy game set in a steampunk universe. Players command their own airships, navigating between floating islands to build an empire through market speculation. The core gameplay loop integrates a dynamic market simulation, resource management (airship attributes and upgrades), and random event encounters (pirate battles and escape mechanics).
My Role: Solo Frontend Engineer & Game Designer — Architected and implemented the entire game logic, economic models, and user experience from scratch.
Key Technical & Architectural Achievements:
Advanced State Management: Utilized cutting-edge Vue 3 and Composition API patterns to design a highly reactive state architecture. This systems-driven approach seamlessly synchronized airship metrics, player inventory, and dynamic commodity pricing in real time.
Economic Simulation & Market Logic: Programmed the underlying mathematical model for the island economies, establishing a progression system where city accessibility dynamically scales based on the technical specifications and fuel range of the player’s vessel.
Event-Driven Game Mechanics: Implemented a robust event-driven system to handle random mid-transit encounters (pirate battles, combat calculation, escape routes, and crash scenarios), ensuring accurate progression-state rollbacks and state persistence.
Scalable UI/UX for Data-Heavy Interfaces: Designed a clean, intuitive dashboard-style interface managing trading ledgers, fleet customization, and world-map navigation, maximizing rendering performance and eliminating interface lag.
Outcome: Successfully developed and deployed a feature-rich, single-player web game. The project stands as a prime demonstration of merging complex business/game logic with modern SPA architecture using Vue 3, showcasing deep expertise in reactivity, structural clean code, and performance optimization.
Technologies I have worked with:
