Test store. Prices are the planned list prices stored as test data, license terms are drafts, and payments go to a Stripe test-mode account. No real money moves.

Penalty Clash HTML5 sports game source code

Fast tournament shootouts: swipe to shoot with power and curl, then read the taker and dive to save.

Sports
3D
Three.js 0.186.1
Single-player
v1.0.0

Gameplay and features

Fast tournament shootouts: swipe to shoot with power and curl, then read the taker and dive to save.

Campaign
Daily challenge
Achievements
Cosmetics
Local save (no server needed)
Offline core

What's in the download

The game plus exactly the shared packages it uses, so it installs and builds without our repository.

Release 1.0.0 · 1.9 MB ZIP · 182 files · sha256 e9ac282b0912…

059-penalty-clash-1.0.0/
├─ README.md               quick start: install, build, test, deploy
├─ THIRD_PARTY_NOTICES.md  @fontsource/barlow, @fontsource/big-shoulders-display, three
├─ SOURCE_MANIFEST.json    every file with its SHA-256
├─ package.json · pnpm-lock.yaml · pnpm-workspace.yaml
├─ games/059-penalty-clash/   the game: src, data, public, tests
└─ packages/   achievements, analytics, audio, game-shell, input, localization, math-utils, save, test-utils, ui, tool-asset-audit, tool-screenshot-runner, tool-validate-build

Shared packages

@games/achievements 0.4.0
@games/analytics 0.4.0
@games/audio 0.4.0
@games/game-shell 0.4.0
@games/input 0.4.0
@games/localization 0.4.0
@games/math-utils 0.4.0
@games/save 0.4.0
@games/test-utils 0.4.0
@games/ui 0.4.0
@games/tool-asset-audit 0.1.0
@games/tool-screenshot-runner 0.1.0
@games/tool-validate-build 0.1.0

Third-party packages and licences

@fontsource/barlow 5.3.0 · OFL-1.1
@fontsource/big-shoulders-display 5.3.0 · OFL-1.1
three 0.186.1 · MIT

Clean-room check on 23 Oct 2026: archive scan ✓ · extract ✓ · install ✓ · build ✓ · typecheck ✓ · test ✓

Technical requirements

Engine: Three.js 0.186.1
Language: TypeScript, built with Vite
To build: Node >=22.18, pnpm@11.25.0
Initial download: ~360 KB
Smallest screen: 320 × 320
Hosting: Any static host — no server needed

Devices and languages

Controls: Touch, Mouse, Keyboard, Gamepad
Orientation: Landscape
Game languages: English, French, Spanish, German, Portuguese, Arabic (right-to-left aware)

Translations ship with the game; independent review of each language is pending.

Customize it

Recipe: rebrand in an afternoon

Replace the icon and the store art in public/media/.
Change the title and description in public/game.json.
Adjust colours and fonts in the game's UI code (the README shows where), then run pnpm build.
Upload the game's dist/ folder to any static host.

Read the full quick start

Known limitations

Tested in Chromium-based browsers so far; the Firefox, Safari and mobile browser runs are scheduled before public launch.
Single-player only. There is no online multiplayer.
Progress is saved in the browser. There is no cloud save or account system.
Analytics is an adapter you connect to your own provider. No ad network is integrated.
Demos run in your browser and their JavaScript is inspectable. The license protects the source archive, not secrecy of the playable build.

Changelog

1.0.0 31 Oct 2026 — Initial commercial release.

Support and refunds

Integration and bug support for 6 months, updates for 12 months. Defective or misdescribed files are refunded.

Draft policy — final terms are published before launch.

Color Rail Jam

Phaser
Build-verified source

Board colourful commuters onto matching metro trains without letting the platform overflow.

View product Demo preview

How games like this are built

Sports Games in HTML5: Basketball Code, Plus Soccer, Golf and Pool Play a basketball shooting game made with HTML5 canvas, copy the free source code, and learn the physics behind soccer, golf and pool games too.
3D HTML5 Games: Engines, Examples and How to Make One (2026) Can HTML5 make 3D games? Yes. Compare Three.js, Babylon.js and PlayCanvas, build a first Three.js scene, and learn what keeps 3D fast on phones.
How to Edit an HTML5 Game: Reskin, Rebalance and Rebrand It Edit an HTML5 game you have the source for: change JSON data, colours, art and text, add languages, rename it, then rebuild, test and deploy the static build.

Choose a license

StandardDevelopers and studios shipping one productNot on saleExtendedAgencies doing client work and companies running their own portalsNot on sale

One end product, yours or one client's, with one production web deployment plus staging. Monetization allowed.

One end product: yours or one named client's
Reskin, rebrand and monetize the game
One production web deployment and its staging environments
12 months of updates, 6 months of integration support

A second end product, client handoffs for several clients, or a game portal (needs Extended)
Redistributing, reselling or publicly uploading the source

Draft terms — not yet reviewed contract language.

PriceNot on sale

Not on sale yet. This license has no published offer.

Play the demo first

Source ZIP, documentation and license record in your library after purchase
Updates for 12 months under the draft terms (final terms before launch)
Known limitations listed below
Access is granted when the payment provider confirms payment.

StandardNot on sale

Choose license

License terms on this page are drafts from the store plan and have not been reviewed. Prices are test data, not proposed prices. All licenses are non-exclusive with no royalties. You may edit and brand within scope. You may not resell or publicly upload the source or assets, and mandatory third-party notices must stay in place.