The gap
Bubble shooters need exact hex snapping, an aim guide that matches the real flight and reliable detection of loose clusters.
Game templates
Popmarsh Game Template
The complete source of Popmarsh, a bubble shooter with a hex grid, wall-bounce aim guide, falling clusters, a sinking ceiling, stones and a charged bomb.
- JavaScript
- Canvas 2D
- Web Audio
- Playwright
- Coming soon
Coming soon
Not published on its store yet, so there is no buy or download link. PN Scripts does not take payment for it here.
What it solves
What it is
This template uses one stepper for the shot and its preview and flood fills for matches and loose clusters.
How you use it
Unzip, serve the folder and open index.html, then edit game.js; npm test plays it again in headless Chrome.
Source code of a real, playable game to reskin and learn from, with a smoke test whose bot plays it.
Who it is for
Use it when
- Publishing your own bubble shooter, or reskinning one for a brand or a seasonal campaign.
- Learning how a complete bubble shooter is built in plain JavaScript and Canvas 2D.
- Building a branded mini-game for a client.
Built for
- Web and indie game developers who know some JavaScript.
- Developers who want a finished, tested game to build on instead of a blank canvas.
What you get
Preview equals flight
The aim guide, the shot and the bot all move the same ball with the same function, so the dotted line shows exactly where a bubble will stick.
Readable for everyone
Each colour has a mark drawn inside it, so the game is playable without telling the colours apart.
No build step
Plain JavaScript and Canvas 2D; open index.html through any static server and edit game.js.
A smoke test
A headless Chrome test loads the game, checks the console, presses keys and taps, and lets the built-in bot play a run to its result screen.
Gallery
This file could not be loaded.
This file could not be loaded.
This file could not be loaded.
1 of 3
Specs
- Availability
- Coming soon
- Vendor
- PN Scripts
- Type
- Template
- Platforms
- JavaScript
- Pricing
- One-time purchase Price to be announced.
- License
- PN Scripts Template Licence 1.0
- Deployment
- Download (ZIP of source code)
- Maturity
- v1.0.0
Compatibility
| Platform or runtime | Supported versions | Tested up to |
|---|---|---|
| Node.js | 22.12 or newer | Not stated |
Stack
- JavaScript
- Canvas 2D
- Web Audio
- Playwright
The Popmarsh template is coming soon
The template is finished and tested. It is not on sale yet; this page will say where to get it when it is.
Coming soon
Not published on its store yet, so there is no buy or download link. PN Scripts does not take payment for it here.
Questions
Make and sell any number of your own games from it, and build games for clients. You may not resell or share the source code itself (PN Scripts Template Licence 1.0).
Any static web server to run the game, and some JavaScript. Node.js 22.12 or newer and Google Chrome run the smoke test.
No ad or portal SDK, and English only. It is tested in desktop Chrome and a phone-sized Chrome viewport with touch, not yet on iOS Safari, Firefox or a real phone.
The code was written with AI assistance and checked by PN Scripts with automated tests. All visuals and sounds are generated by code; there are no AI-generated image or audio files.
It is not on sale yet. When it is, this page will link to the store; PN Scripts does not take payment on this site.
