Skip to content
PN Scripts

Game templates

Snapgrove Game Template

by PN Scripts

The complete source of Snapgrove, a jigsaw puzzle game with tab-and-blank pieces cut in code, three sizes, turned pieces and ten pictures painted in code.

  • 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.

Game templates
A board with the first jigsaw pieces of a sunflower field in place and loose pieces on the right

What it solves

The gap

Jigsaw pieces need matching knobs on neighbouring pieces, a clip for every piece and dragging that feels right on touch.

What it is

This template ships a cutter with symmetric knobs, per-piece canvases and snapping on touch, mouse and keys.

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 jigsaw game with your own pictures, or any drag-and-snap game.
  • Learning how a complete jigsaw puzzle game 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

Cutting the pieces

Every inner edge gets a random knob direction. A piece walks its four edges clockwise with the outward sign of each, and the knob curve is symmetric, so neighbours fit exactly.

Big piles

Edges first lifts the border pieces to the top of the pile and lays them out; spread lays every loose piece out again; the guide shows the picture faintly under the board.

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.

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 Snapgrove 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. The game text is in English and Bulgarian, chosen from the browser language. 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.