Parking Journey: Car Puzzle HTML5 Game

Draw the lane. Clear the lot. 5,000 levels.

Parking Journey is a complete car park puzzle, written in plain HTML5 with no engine to install and no build step. A fenced lot full of coloured cars sits in front of the player, and every car wants a bay of its own colour. Hold a finger on a car and draw the lane you want it to take. The car follows the line you drew.

The car you need is almost always behind another one, so the first decision of every level is what to pull out of the way. A car can stop on open ground as well as in a bay, and parking in the wrong bay to clear a lane is a normal move rather than a mistake.

Every board can be finished. Levels are built backwards from a solved lot, so the moves that scrambled it can always be undone and there is no position to get stuck in. The clock is the only way to lose. Difficulty is measured instead of guessed: a solver plays every board before it ships, and the board is kept only if the number of moves it really takes matches what that part of the game is meant to ask for.

Between levels there is a lobby with a timed reward chest, a lucky wheel, jigsaw puzzles, a card album and four daily quests that reroll every day.

Game Features:

5,000 Levels. The first three are drawn by hand. The rest are built from the level number, so level 47 is the same board on every device and in every session.
Draw the Route. The car follows the line the player drew, not a path the game picked. Tapping a free cell works too and takes the short way.
No Dead Ends. Boards are built backwards from a solved lot, so every one of them can be finished from any position it reaches.
Measured Difficulty. A solver plays every board before it ships. Fifty chapters of a hundred levels, with the traffic, the lot shape and the clock all moving as the player goes.
Six Car Colours. Three at the start, the sixth arriving past level 1200, so a new player is never asked to sort something they cannot tell apart yet.
Two Boosters. Valet parks the next car of a real solution. Extra Time puts sixty seconds back on the clock. Both refuse and charge nothing when they cannot help.
Undo every move, back to the start of the level.
Four Painted Lots. Each level is played in one of four street scenes, picked from the level number so a retry looks the same as the first attempt.
Lobby Features. Timed reward chest, lucky wheel, jigsaw puzzles, a twenty card album in four sets, four daily quests and a timed task strip.
Portrait and Landscape. Separate artwork drawn for each shape rather than one picture cropped to both.
Touch and Mouse. One build, both inputs, nothing to switch.
No Dependencies. 89 ES modules loaded straight by the browser and a WebGL renderer that ships inside the package. No bundler, no npm install, no toolchain.

What You Get:

The complete game, ready to upload to any static host
Full source, uncompiled and commented
The WebGL renderer as a single readable file
Documentation covering architecture, rebranding, editing and deployment

Technical Requirements:

Desktop browsers: Chrome 89+, Edge 89+, Firefox 108+, Safari 16.4+, Opera 76+. Internet Explorer is not supported.
Mobile browsers: Chrome for Android 89+, Samsung Internet 15+, Safari on iOS 16.4+. The floor is set by import map support, which is what tells the browser where the renderer lives.
Desktop and mobile from one build. Mouse and touch are both supported. The layout holds its proportions in portrait and in landscape, with separate background artwork for each.
Graphics: WebGL 2.0, falling back to WebGL 1.0 where WebGL 2 is unavailable. Hardware acceleration must be enabled.
Hosting: any static file server. No PHP, no Node.js, no database, no build step.
Server note: the host must serve .mjs files as text/javascript. Most already do. The documentation carries the one line fix for Apache, nginx and IIS.
Size: about 15 MB on first load, cached afterwards. Online for the first load only, and no network calls once it is running.

Ready to publish as it is, or repaint the cars, the lots and the lobby into a theme of your own. The rebranding guide in the documentation walks through the art, the backgrounds and the text one step at a time.

Parking Journey: Car Puzzle | 5000 Levels HTML5 Puzzle Game