--- ### Slide 1: Title Slide * **Title:** 2D Car Parking Challenge Game * **Subtitle:** An Interactive Browser-Based Arcade & Puzzle Experience * **Presenter:** Bhavish Kumar, FARHANULLAH, ### Slide 2: Project Overview & Motivation * **Concept:** A modern browser game combining precision driving mechanics with maze navigation. * **Technology Stack:** Pure HTML5, CSS3, and JavaScript (Zero external libraries or asset dependencies). * **Target Audience:** Casual gamers looking for quick, skill-based puzzle challenges and arcade gameplay. ### Slide 3: Core Features * **10 Progressive Levels:** Increasing navigational complexity, shrinking time limits, and rising difficulty curves. * **Garage & Customization Shop:** Unlock and equip unique car skins (Speed Blue, Taxi Yellow, Neon Purple) using earned in-game coins. * **Dynamic Audio Engine:** Procedurally generated sound effects for tire screeching, collisions, victory chimes, and background music via the Web Audio API. * **State Persistence:** Automatic saving of player coins, unlocked items, and current progression using browser `localStorage`. ### Slide 4: Technical Architecture & Mechanics * **Rendering & Loop:** Powered by the HTML5 Canvas API and optimized via `requestAnimationFrame` for smooth 60 FPS performance. * **Collision Detection:** Axis-Aligned Bounding Box (AABB) mathematical intersection algorithms to instantly detect wall crashes and parking target bounds. * **Visual Effects System:** Dynamic skid mark particle fading system that tracks sharp turns, drifting actions, and vehicle orientation updates. ### Slide 5: Conclusion & Future Enhancements * **Project Outcome:** Successfully delivered a fully playable, responsive, and self-contained web game optimized for cross-browser execution. * **Future Enhancements:** Addition of mobile touch controls, virtual joystick support, moving obstacles, AI traffic vehicles, and global leaderboards.