Spark Leap 1.0.0

One-touch neon climber — HTML5 canvas game

Overview

Ride spinning rings of light, leap at the right moment and climb as high as you can. One button, easy to learn, hard to master. A complete, polished game in one HTML file: no engine, no libraries, no build step.

• One-touch control: tap, click or Space — perfect for phones and for game portals
• Endless climb with rising difficulty: faster, smaller rings, spikes riding the rings, drifting mines
• Rings break a few seconds after you land — constant gentle pressure
• Perfect leaps through the ring centre build combos; skip bonuses; collectable gems
• Power-ups: Shield (saves you once) and Slow-mo
• Five neon colour zones with smooth palette blending and zone banners
• Procedural synthwave music and sound effects made in code (Web Audio) — no audio files to license
• Self-playing attract mode on the title screen, pause, mute, local best score + top-5 runs
• Responsive from phones to 4K, high-DPI rendering, pauses itself when the tab is hidden
• ?cover=1 renders a static key-art frame for thumbnails

Requirements

• Any modern browser (Chrome, Edge, Firefox, Safari 14+, iOS and Android)
• Any static web host — no server code, no database

Technology: HTML5 Canvas 2D + Web Audio, plain JavaScript (ES2018).

Quick start

• Unzip the package.
• Put your licence key and production domain in LICENSING/licence.json (see LICENSING/README.txt).
• Upload the game/ and LICENSING/ folders side by side to your web host (for example to /games/spark-leap/).
• Open https://your-site.com/games/spark-leap/game/ — no install, no database.

Local test: run a static server in the package folder, e.g. python3 -m http.server 8080, then open http://localhost:8080/game/ (localhost is always allowed).

Controls

• Leap: Space, Up arrow, W or mouse click · tap anywhere on touch screens
• Pause: P or Esc · pause button
• Sound: M or the Sound button

Embed in a page

<iframe src="/games/spark-leap/game/" title="Spark Leap" width="100%" height="640" allow="fullscreen; autoplay" style="border:0;border-radius:16px"></iframe>

Customise & rebrand

Everything lives in game/index.html. Search for:

• ZONES (line 177) — Name and colours of each zone (ring, accent, background).
• ZONE_LEN (line 184) — How many rings per zone.
• function addRing (line 292) — Level generator: gap, ring size, spin speed, spikes, gems, power-ups, mines, ring life.
• const diff (line 291) — How fast the difficulty rises (ring 90 = maximum).
• const SFX (line 242) and PROG (line 256) — Sound effects and the music loop.
• 640 in function leap (line 335) — Leap speed.

Name and credit: change the <title>, meta description and title-screen text. The "Made by Vortaxis Studio" credit may be kept or removed.

Fonts: game/vendor/fonts/bungee_rubik.css. Scores are stored in localStorage under sparkleap.v1.

Files

• game/index.html — The whole game: markup, styles and code in one file.
• game/vendor/fonts/ — Self-hosted Bungee, Rubik fonts (OFL).
• LICENSING/ — Licence key + domain activation.
• documentation/index.html — This documentation.
• LICENSE.txt · THIRD-PARTY.txt · CHANGELOG.md — Licence terms, bundled components, version history.

Licence

Each purchase covers ONE production domain. Licence: use the game on that domain. Full source: adds editable source, white-label and paid/SaaS use on that domain. Neither allows reselling the game or its source. Full terms: LICENSE.txt and https://vortaxis.com/licenses.php.

Support & updates

Updates are free. Questions are answered for 6 months after purchase: https://vortaxis.com/store/spark-leap. Custom versions are quoted separately.

Full documentation: open documentation/index.html in your browser.

Made by Vortaxis Studio · https://vortaxis.com