Car Parking Puzzle | HTML5 Mobile Game | Phaser 3

Car Parking Puzzle is a complete, ready-to-publish HTML5 mobile puzzle game. Built with Phaser 3 and bundled with Vite, it features 25 progressively difficult levels, a lives system, countdown timer, star ratings, and smooth touch controls optimized for mobile. The game is AdMob-ready and includes a full settings screen, level select with lock/unlock progression, pause menu, sound effects, background music, and a celebration confetti animation on level completion.

Gameplay

Each level presents a parking lot filled with cars facing different directions. The player taps a car and it drives out in the direction it’s facing. If another car blocks its path, the car shakes and the player loses a life. The goal is to clear all cars from the lot. A countdown timer adds pressure — running out of time also costs a life. With only 3 lives, players must think carefully about which car to move first.

Features

• 25 levels with auto-generated, guaranteed-solvable puzzles — from 3 cars (easy) to 30 cars (maximum density)
• 3 lives system — wrong moves or timeout costs a heart
• Countdown timer — adds urgency, resets on timeout (costs a life)
• Star ratings (1–3★) based on time remaining and lives intact
• Level progression — locked levels unlock one by one, progress saved in localStorage
• Hint system — highlights a movable car
• Pause menu — with Resume, Restart, Menu, and Sound Toggle
• Level select screen — 5×5 grid showing level numbers, names, and earned stars
• Settings screen — Sound Effects toggle, Background Music toggle, Reset Progress
• AdMob ready — banner ads on menu/game scenes, interstitial between levels
• First-time tutorial — overlay explaining how to play
• Fullscreen toggle — button on menu and game scenes
• Smooth touch controls — car hover/press feedback, generous hit areas
• Camera shake — on blocked car and game over
• Confetti celebration — falling particles on level clear
• Sound effects + BGM — 11 placeholder audio files included
• 12 car sprites — replaceable placeholder PNGs included
• Easy configuration — edit src/config.json to change lives, timer, grid size, speeds, and more — no coding required
• Mobile-optimized — viewport locked, touch events captured, overscroll disabled, notch-display compatible
• Keyboard support — ESC to pause
• Scene transitions — smooth fade-in effects

What’s Included

• Complete game source code (src/)
• 12 car sprite PNGs (replaceable)
• 11 sound effects + BGM (replaceable)
• Easy config file (src/config.json)
• Full documentation (documentation.html)
• README.txt + LICENSE.txt
• Vite build configuration
• AdMob integration module

Tech Stack

• Engine: Phaser 3 (latest)
• Build: Vite 6
• Language: Vanilla JavaScript (ES Modules)
• Ad Network: AdMob (via Capacitor/Cordova)
• Mobile Wrapper: Capacitor (recommended) or Cordova

Admob

This product includes AdMob integration code (src/ads.js) for both Capacitor and Cordova, but the AdMob SDK/native plugin itself is not bundled and must be installed separately by the buyer for their chosen build tool. The included unit IDs are placeholders (ca-app-pub-xxxxx/xxxxxxxx) that must be replaced with IDs from the buyer’s own free AdMob account. No real ads are shown in default web-browser mode; ads only appear in a wrapped mobile build with the official AdMob plugin installed.