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.
What's Included
Price
$10 USD
Secure checkout powered by Gumroad. Instant access after purchase. License included.
Product Details
- Category
- HTML5 Games
- Price
- $10
- Tags
- 0
Related HTML5 Games
Age of Realms - RTS HTML5 Game (Complete SourceCode)
$25Age of Realms is a complete, ready-to-play isometric real-time strategy game built with Phaser 3. It is sold as a source-code template — buyers receive the entire codebase so they can rebrand, rebalance, extend, or ship it as their own product.The game features a full RTS gameplay loop: gather 4 resources, construct buildings, train military units, research through stances and formations, and defeat a wave-based AI opponent. Everything is data-driven from a single src/config.json file — you can retune unit stats, building costs, AI difficulty, map size, and audio settings without touching any JavaScript.It runs in any modern browser, needs no server, and ships with a pre-built production bundle (dist/index.html opens directly).Features4 Unit TypesVillager (gatherer), Swordsman (melee), Archer (ranged), Cavalry (fast). All stats — HP, attack, armor, speed, range, cost — live in config.json.5 BuildingsTown Center, House (population cap), Barracks (military training), Market (daily resource income), Tower (auto-attack). Each has configurable limit, cost, HP, size, and hotkey.4 ResourcesFood, Wood, Gold, Stone. Gathered by villagers, deposited at the Town Center. Node positions and counts are configured in config.json.AI OpponentThree difficulty levels (Easy / Normal / Hard). Manages economy, constructs buildings, trains armies, launches attack waves, defends its base. All thresholds per difficulty are configurable.A* PathfindingOctile heuristic with diagonal cost, binary heap optimization. Units pathfind around forests and water automatically.5 FormationsBox, Line, Column, Staggered, Flank. Direction-aware — the formation rotates to face the movement direction. Press F to cycle.Patrol ModeMulti-waypoint ping-pong patrol. Units walk back and forth between two points, auto-engaging enemies along the route. Press P then right-click.3 Unit StancesAggressive (chase enemies), Defensive (engage within range), Stand Ground (hold position). Toggle via the bottom bar button.Attack-MovePress A then right-click — units move to the target while engaging any enemies they encounter on the way.Rally PointsSelect a building, then right-click on the map — newly trained units will automatically move to the rally point.Save & LoadFull game state persisted in localStorage — units, buildings (including construction progress), queues, AI state, resources. Resume any time via the “Continue” button.Settings MenuSFX / BGM volume sliders, mute toggle, edge-scroll toggle, first-run tutorial toggle. Persisted across sessions.Tutorial Overlay7-step modal coach marks shown on the first new game. Each step has title, body, and Skip / Next buttons.FullscreenDedicated button on both menu and in-game HUD (top-right corner). Also supports F11 and Shift+Enter.MinimapLive isometric minimap with terrain, units, buildings, and camera viewport outline. Click to recenter the camera.In-Game Clock & Day CounterSimulated day/night cycle with a clock display. Markets grant per-day resource income.Drag-Select & Double-ClickBox-select multiple units with left-drag. Double-click a unit to select all units of the same type on screen.Building Limit LocksBuilding buttons show a red lock icon when the per-game limit is reached. Tooltips display the limit.Game Speed ControlsPress 1 (0.5x), 2 (1x), 3 (2x) or click the speed toggle. Configurable speeds in config.json.Responsive ScalingPhaser Scale Manager with FIT mode. Works on any display resolution from 1024×640 upward.Try Demo - https://subtle-longma-f73516.netlify.app/
Faulty Spaceship - HTML5 Arcade Game
$10Live PreviewScreenshotsFaulty Spaceship is a fast-paced HTML5 arcade game built with Phaser 3. Navigate your ship through asteroid fields, dodge enemy UFOs, collect power-ups, and unlock new ships and upgrades in the shop.Gameplay Tap or press Space to flap and fly upward Dodge asteroids and enemy UFOs Stomp UFOs from above to destroy them Collect repair and missile power-ups Fire homing cruise missiles with Enter or right-click Earn ASTRO currency and spend it in the shop Features 5 unique unlockable spaceships with distinct designs 4 upgrade types: HP, Agility, Shield, Missiles 3 difficulty presets: Easy, Normal, Hard Persistent progress via browser localStorage Full sound effects and background music Responsive design — works on desktop and mobile Mobile-friendly with touch controls and on-screen missile button No build tools or server config required Phaser 3.60 included (no CDN dependency) CustomizationEasily replace images, sounds, and game parameters without touching code: Swap PNG files to change ship and enemy sprites Replace MP3 files to change sound effects and music Edit GameConfig.js to adjust difficulty, prices, physics, and more What’s Included Complete game source code (JavaScript, HTML, CSS) Phaser 3.60 game engine Placeholder images and audio files Full HTML documentation Browser Support Chrome 80+ Firefox 80+ Safari 14+ Edge 80+ Mobile Chrome / Safari (iOS 14+, Android 10+) try demo here - https://animated-starlight-f9f25e.netlify.app/
Pirates Clash | 2D Pirate Naval Combat HTML5 Game
$35A complete, ready-to-play 2D pirate naval combat HTML5 game built with Phaser 3. Take command of your ship and sail a living ocean where pirates hunt merchants, hunters chase pirates, and every captain fights for survival.GameplayStart with a humble sloop and work your way up to a mighty Man O’ War. Engage in broadside duels, fire chain shots to slow fleeing enemies, rain explosive mortars, drop fire barrels, and use swivel guns for close-range defense. Cripple enemy ships and board them for rewards — repair, reduce your wanted level, grow your fleet, or take their crew.Visit ports across the map to trade goods (Rum, Spices, Timber, Silk, Iron), repair your hull, and hire crew. Upgrade your ship’s speed, hull, turn rate, damage, cargo capacity, and fire rate. The deeper you sail, the greater the danger — pirates grow bolder, and pirate hunters patrol the seas.Technical RequirementsSupported Browsers: Chrome, Firefox, Safari, and Edge (latest versions)No Backend Required: This is a completely self-contained game. It runs entirely in the browser with no server-side dependencies, external APIs, or CDN requirements. All save data is stored locally using localStorage.Compatibility: Works on desktop and mobile browsers with touch support for mobile devices.Key Features 5 playable ships — Sloop, Schooner, Brig, Frigate, Man O’ War 6 unique weapons — Ram, Broadside, Chain Shot, Mortar, Fire Barrel, Swivel Gun Living AI ecosystem — Pirates raid merchants, hunters hunt pirates Ship upgrade system — 6 stats, 5 levels each Crew system — Hire sailors for HP and damage bonuses Boarding combat — Risk/reward system for capturing ships Trading system — 5 goods, 8 ports, dynamic prices Day/night cycle with weather (storms, rain, wind) 8 achievements to unlock Full save/load system (localStorage) Mobile touch controls (virtual joystick + weapon buttons) Fullscreen support Pirate-themed wooden UI with gold trim Customizable — easy to replace sprites, sounds, and balance Self-contained — no external APIs or CDN dependencies Try Demo / Preview - https://super-horse-a3d9af.netlify.app/
Battle Cars - Html5 Car Combat Game
$14Demo - https://fascinating-torrone-1e7287.netlify.app/Preview Video -Battle Cars is an engaging HTML5 arcade-style vehicular combat game designed for web and mobile platforms. Experience intense multiplayer-style gameplay where 11 AI-controlled cars battle in arenas until only one champion remains.CORE GAMEPLAY Battle Royale-Style Mechanics: Compete against 10 AI opponents in fast-paced vehicular combat Multiple Game Modes: 3 difficulty levels (Easy, Medium, Hard) provide progressive challenges 4 Unique Arenas: Arena, Junkyard, Frozen Wasteland, and Inferno Pit, each with distinct visual themes and gameplay dynamics Progressive Vehicle Unlock System: Earn coins through gameplay to unlock 11 unique cars with speed tiers ranging from 300-390 VEHICLES & CUSTOMIZATION 11 Unique Cars: Each with distinct speeds and handling characteristics Tiered Speed System: Progressive vehicle tiers (300, 320, 340, 360, 380, 390 units/sec) Coin-Based Economy: Unlock new vehicles by collecting in-game currency Car Selection Screen: Choose your vehicle before each match ⚡ POWER-UP SYSTEM10 strategically balanced power-ups with weighted spawn rates: Weapons: Missile, Machine Gun, Flamethrower, EMP Blast Tactical Items: Spike Trap, Mine, Oil Slick Defensive Tools: Shield, Repair Kit Enhancement: Speed Boost Smart Spawning: Weighted probability system ensures balanced gameplay (missiles more common, repairs strategically rarer) ADVANCED MECHANICS Intelligent AI: Hunt mechanics with smart pathfinding Proximity-Based Audio: Dynamic engine sounds react to nearby vehicles Physics-Based Visuals: Skid marks, drift mechanics, and collision sparks Full Audio Suite: Engine sounds, weapon effects, ambient music, and UI feedback Mobile Optimization: Touch-friendly controls with audio context unlock for mobile devices Responsive Design: Fullscreen toggle and adaptive UI scaling AUDIO & VISUALS Multiple engine sound variations matching vehicle speed Weapon-specific audio effects Dynamic background music Ambient arena sounds Visual feedback: collision sparks, skid marks, power-up effects Smooth animations and particle effects ⚙️ TECHNICAL FEATURES Fullscreen Mode: Toggle for immersive gaming Mobile-Responsive: Optimized for smartphones and tablets Audio Context Unlock: Seamless mobile audio handling Cross-Browser Compatible: Works on all modern browsers Optimized Performance: Smooth gameplay even on lower-end devices Persistent Progression: Save unlocked vehicles and coins GAME MODES & DIFFICULTY Easy Mode: Slower AI, more frequent repairs, fewer aggressive opponents Medium Mode: Balanced AI behavior, standard power-up distribution Hard Mode: Aggressive AI, strategic power-up placement, relentless opposition ARENA VARIETY Arena: Classic battle environment, neutral gameplay Junkyard: Debris obstacles, ricochet mechanics Frozen Wasteland: Slippery surfaces, altered physics Inferno Pit: Hazardous zones, environmental challenges ️ VEHICLE PROGRESSIONBattle Cars features a comprehensive unlock system: Tier 1: Speed 300 units/sec (Starter vehicles) Tier 2: Speed 320 units/sec Tier 3: Speed 340 units/sec Tier 4: Speed 360 units/sec Tier 5: Speed 380 units/sec Tier 6: Speed 390 units/sec (Elite vehicles) WHAT’S INCLUDED Complete HTML5 game (fully playable) Professional source code with detailed comments All graphics and sprite assets Complete audio assets (engine sounds, weapons, music, SFX) Comprehensive documentation Configuration files for easy customization No external dependencies (pure HTML5/CSS3/JavaScript) Fully playable offline Mobile-optimized responsive design BROWSER SUPPORTWorks perfectly on all modern browsers: Chrome v90+ Firefox v88+ Safari v14+ Edge v90+ Mobile browsers (iOS Safari, Chrome Mobile, Android) CUSTOMIZATION OPTIONSEasily customize your game with: Vehicle stats and colors Arena themes and layouts Power-up spawn rates and effects Difficulty scaling parameters Audio settings and volume levels UI colors and styling Game balance and mechanics IDEAL FOR Game developers wanting a complete HTML5 game template Web developers looking to integrate a game asset Educational projects demonstrating game mechanics Portfolio showcasing interactive media Mobile game enthusiasts Anyone wanting to deploy a production-ready game immediately FREQUENTLY ASKED QUESTIONSQ: Is this a complete game?A: Yes! Battle Cars is a fully functional, complete game ready to play immediately upon installation.Q: What are the system requirements?A: Any device with a modern web browser (desktop or mobile). No installation or special software required.Q: Can I customize this game?A: Yes, extensively! The code is well-organized with configuration files for vehicles, arenas, power-ups, difficulty settings, and more.Q: Is source code included?A: Yes, complete, readable, well-commented source code is included.Q: What about mobile compatibility?A: The game is fully optimized for mobile with responsive controls, touch support, and proper audio handling.Q: Can I add my own content?A: Yes, the architecture supports easy addition of new vehicles, arenas, power-ups, and audio.Battle Cars delivers a complete, production-ready gaming experience with professional-grade mechanics, audio, and visual polish. Get started today and bring arcade action to your website!
