Skip to content
PN Scripts

Game templates

Ridge Roller Game Template

The complete TypeScript and three.js source of Ridge Roller, a finished 3D endless rolling-ball game. Reskin it from one config file and publish your own game on web portals.

  • TypeScript
  • three.js
  • Vite 8
  • Web Audio
  • Vitest and Playwright
  • Paid
  • External marketplace: Gumroad
Buy on Gumroad (opens in a new tab) Play the game free on itch.io (opens in a new tab)

Sold on Gumroad. PN Scripts does not take payment for it here.

Game templates
Ridge Roller in play: a striped ball rolls down a sky track past a red block in the Sunset Mesa world

What it solves

The gap

Starting a web game from nothing means weeks of plumbing before the fun part: a game loop, a level generator, saving, sound, portal SDKs, ads and builds for each portal.

What it is

A finished, tested game whose look, worlds, difficulty and music live in one config file, with portal adapters and one-command builds already in place.

How you use it

Unzip, run npm install and npm run dev, then edit src/game.config.ts and watch the game change.

Source code of a real, playable game to reskin and learn from, not an engine or a drag-and-drop builder.

Who it is for

Use it when

  • Publishing your own reskinned endless runner on CrazyGames, Poki, itch.io or your site.
  • Learning how a complete three.js game is structured, tested and shipped.
  • Building a branded browser game for a client.

Built for

  • Web and indie game developers who know some TypeScript.
  • Studios and freelancers who make branded browser games for clients.

What you get

Reskin from one file

src/game.config.ts holds the title, logo, save key, five worlds, ten ball skins, the track mix, difficulty, physics, missions and the music key and tempo. A unit test checks it before you build.

A fair endless track

The track is generated as you roll, with rules that keep every gap jumpable and every wall passable, tested over 6 km on several seeds.

Built to learn from

Fixed-timestep simulation, a look-ahead bot that plays the game for the attract mode and tests, three.js instancing and a Web Audio synthesiser for every sound.

Ready for web portals

One command builds CrazyGames, Poki and itch.io or own-site versions and checks download size. Rewarded-ad revive and double-gems flows follow portal ad rules.

Tested and documented

64 unit tests, Playwright browser tests and docs/TEMPLATE_GUIDE.md: setup, reskin, code map, builds, deployment and a publish checklist.

Specs

Vendor
PN Scripts
Type
Template
Platforms
JavaScript
Latest version
v1.1.0
Pricing
One-time purchase · From USD 19.00 Minimum price on Gumroad; you may choose to pay more.
License
PN Scripts Template Licence 1.0
Deployment
Download (ZIP of source code)
Maturity
v1.1.0, released 2026-10-06

Compatibility

Platform or runtime Supported versions Tested up to
Node.js 22.12 or newer Not stated

Releases

  1. v1.1.0

    Release notes (opens in a new tab)

Stack

  • TypeScript
  • three.js
  • Vite 8
  • Web Audio
  • Vitest and Playwright

Get the Ridge Roller template

Buy the source code on Gumroad, or play the free game on itch.io first. Gumroad handles the payment and the download.

Buy on Gumroad (opens in a new tab) Play the game free on itch.io (opens in a new tab)

Sold on Gumroad. PN Scripts does not take payment for it here.

Questions

Build and sell any number of your own games from it, on web portals, app stores or your own site, and build games for clients. No attribution is needed. You may not resell or share the template source itself. The full PN Scripts Template Licence 1.0 is in the download.

Node.js 22.12 or newer and Chrome. Basic TypeScript helps for changes beyond the config file.

Desktop Chrome and Chrome's mobile emulation, not yet iOS Safari or a real low-end phone. The Poki adapter is written from Poki's public guide and unit-tested, but has not yet run inside Poki's Inspector.

Curated portals judge originality: CrazyGames declined the original Ridge Roller as too close to existing games. Give your version its own theme and at least one new rule.

The code was written with AI assistance and then reviewed and tested by PN Scripts. All art and audio are generated by code; there are no AI-generated image or audio files.

On Gumroad, which takes the payment and delivers the download. PN Scripts does not take payment on this site.