Aura's Escape

Aura's Escape is an endless runner game built entirely with core web technologies — HTML5, CSS3, and JavaScript — using the Canvas API for rendering. The game follows a heroine named Aura as she escapes through different worlds filled with obstacles, chasers, and puzzles. It features an interactive story system with 5 unlockable chapters, 20 zones with 80+ diverse levels, a comprehensive shop for purchasing characters, vehicles, and abilities, daily and weekly challenges, a season pass system, epic boss battles, and a global leaderboard. The game fully supports Arabic and English with a responsive design that works on all devices as a PWA.

• Endless runner with swipe and tap controls, 3 lanes, jump, slide, and lane switching
• 20 zones and 80+ levels with unique designs and atmospheres for each zone
• Interactive story system with 5 chapters that unlock progressively
• Comprehensive shop for purchasing characters, vehicles, abilities, and cosmetics
• Dynamic chaser system with 4 different AI-driven chaser types
• Epic boss battles at zone endings with health bars and special attacks
• Ability system with 5 activatable powers and 7-day sequential login rewards

The game relies on the Canvas API for rendering graphics and visual effects with JavaScript as the main game engine. The system uses Object Pooling for performance, localStorage for progress saving, and a Service Worker for offline functionality as a PWA.

The biggest challenge was building a complete game engine in a single HTML5 file while maintaining smooth performance on all devices. Implementing the collision system with 4 different obstacle types and dynamic chasers required continuous performance optimization. Balancing game difficulty with the dynamic difficulty system was also a real challenge.

Technologies Used