Beep Out: little cars, big satisfaction.
Beep Out is an HTML5 3D parking jam puzzle game template with 30 levels and full source code. Players read each toy car's exit arrow, clear the road in the right order and match every departing vehicle to the next passenger in the bus stop queue, while a small parking lot fills up. You get the ready-to-upload game build, the readable runtime, the editable TypeScript project and an illustrated manual, so you can host it and make it yours.
30 parking puzzle levels, from warm-up to brain-teaser
The campaign has 30 levels, from a quick warm-up to a traffic puzzle that asks for real planning. A guided tutorial helps new players with the first moves, and a level select screen lists all 30 levels.
Tap a car and clear its way out
Every vehicle shows the direction of its exit with an arrow on the roof. Tap or click one whose road ahead is clear and it drives away; pick a blocked one and it bumps into traffic, so the order of your moves decides the level.
Match passengers to vehicles from level 4
From level 4, a queue waits at the bus stop. A vehicle leaves only when its colour matches the next passenger, which turns a simple jam into a sequencing puzzle.
Limited parking spaces add pressure
A free vehicle of the wrong colour waits in a parking bay and leaves on its own when its passenger is next. Too many wrong colours fill the lot, so players have to plan several moves ahead.
Hints, undo and Clean Clear goals
Hint, undo and restart controls sit on the play screen. Finishing a level without blocked taps, hints or undo earns a Clean Clear, and an optional best time per level is saved in the browser. Cleared levels unlock five paint styles in the Garage; paints are cosmetic, so every car plays the same.
Touch and mouse controls, in 14 languages
Players tap on phones and click on desktop. Settings cover music and effects volume, reduced motion, colour symbols, a solve-time option and graphics quality from High down to a Low battery saver. The interface comes in 14 languages: English, Portuguese, Spanish, French, German, Italian, Dutch, Polish, Turkish, Russian, Indonesian, Japanese, Korean and Simplified Chinese.
Host it on any static web server
Upload the contents of the game folder to static HTTP(S) hosting and it runs: no PHP, no database, no account and no Node.js server. It works in a subfolder or inside an iframe on your own page. The illustrated manual, in English and Portuguese, covers installation, the file map, level editing, branding, local saves and troubleshooting.
Who this template is for
Site and portal owners who want a finished 3D puzzle for their visitors, freelancers and studios who need a base for one client's branded game, and developers who want to learn from a readable TypeScript and Three.js project that ships with tests.
Customise it
Changes happen in the developer project. Edit the level files and check them with npm run levels, adjust the game settings in the config files, change interface text in the language files, and swap the logos and audio while keeping the file paths. Then run npm run build and replace the hosted game folder with the complete output. The manual lists every file and what it does.
Technical details at a glance
- Stack: TypeScript, Three.js and WebGL2, built with Vite.
- Files: HTML, CSS, JavaScript, TypeScript and JSON, with readable runtime JavaScript, CSS and data.
- Saves: progress, records and settings stay in the player's browser. This edition has no online ranking, multiplayer, advertising SDK or portal SDK.
- Requirements: a modern browser with JavaScript, ES modules and WebGL2, and any static HTTP(S) host. Opening index.html from disk is not supported.
- Node.js 22.12+ and npm are needed only to rebuild the source.
- Version 1.1.0, with the manual in English and Portuguese.
Licence and support in short
One purchase gives you a perpetual, non-exclusive licence to use this edition in one end product, yours or one client's. Players can access it free of charge or through advertising monetisation. You can change the code, art and audio inside your product, but you cannot resell or redistribute the template on its own. Six months of support are included (12 with the extension at checkout) and cover installing and using the files and fixing reproducible defects.
