Chroma Rush | HTML5 Color Matching Runner Game

Chroma Rush – HTML5 Color Matching Runner Game

Chroma Rush is a polished HTML5 arcade runner built with HTML, CSS, and vanilla JavaScript. Players jump, roll through open ring lanes, match colors, collect coins, unlock upgrades, and progress through unlimited deterministic levels.

Fair and Replayable Gameplay

🎯 Guaranteed recovery space is added after every complete obstacle group.
⭕ Open half-ring obstacles provide a clear lower escape lane.
↕️ Moving rings are limited so they do not block the grounded player lane.
⚡ Difficulty increases gradually without unfair early-level crowding.
♾️ Unlimited levels are generated from level numbers and remain consistent when replayed.

Main Features

🎮 Responsive HTML5 canvas gameplay for desktop and mobile browsers.
🌈 Unique level colors, backgrounds, names, patterns, speeds, and targets.
🧩 Open half-rings, rotating rings, pulsing rings, swinging rings, twin rings, blocks, spikes, saws, beams, and mixed obstacle patterns.
🏆 Top-20 local leaderboard with score, distance, coins, and level results.
⭐ Three-star level ratings and replayable completed levels.
🔓 Sequential level unlocking with direct selection of unlocked levels.
👤 First-launch player name setup with profile name editing.
🪙 Coins, permanent upgrades, achievements, shields, combos, and progress statistics.
💾 Browser localStorage saving with migration support for the previous save key.
📱 Large readable interface text and portrait-friendly responsive layouts.
📶 Installable PWA configuration and offline asset caching.
🔊 Included background music and gameplay sound effects.
🛠️ Clean buyer documentation for installation, reskinning, balancing, branding, audio replacement, and publishing.

SCREENSHOTS

Unlimited Procedural Levels

Every level is generated from its level number. Each generated level receives its own color palette, background theme, name, target distance, obstacle combination, movement pattern, speed, and difficulty settings. Replaying the same level generates the same track configuration.

Fair Obstacle System

⭕ Open half-rings leave enough lower space for the ball to roll underneath.
🛡️ Full moving rings remain above the grounded player’s safe lane.
⏱️ Color-switch orbs appear before obstacles to provide reaction time.
↔️ New obstacle groups are positioned only after the previous group has completely ended.
🎯 Early levels use simpler patterns, slower speed, wider openings, and beginner shields.

Player Progression

👤 Players choose their name on the first launch and can change it later.
🏅 Completed levels remain unlocked and replayable.
⭐ Players can earn up to three stars on every level.
📊 Lifetime score, runs, coins, distance, achievements, and cleared levels are recorded.
🏆 The highest 20 local scores are stored in the leaderboard.
⬆️ Permanent upgrades improve jumping, shields, coin value, score multiplier, and coin collection.

Easy to Reskin

Change the game title, logo, icons, interface colors, generated palettes, level names, obstacle decks, audio files, difficulty values, and PWA settings using the included documentation.html file. The source uses standard web technologies and does not require a framework, package manager, or build process.

Included Files

📄 HTML game interface and buyer documentation.
🎨 Responsive CSS interface and visual effects.
⚙️ Vanilla JavaScript gameplay and procedural level system.
🖼️ Chroma Rush logo and PWA application icons.
🔊 Background music and gameplay sound effects.
📦 Web manifest, service worker, README, and marketplace listing copy.

Technical Information

💻 Technologies: HTML5, CSS3, Canvas, and vanilla JavaScript.
📱 Layout: Responsive portrait interface.
💾 Saving: Browser localStorage.
📶 Offline mode: Service worker and PWA manifest.
🧱 Dependencies: No external framework required.
🌐 Deployment: Standard web hosting with HTTPS recommended.

Documentation

The included documentation.html file explains installation, branding, logo replacement, app icons, interface colors, procedural levels, difficulty balancing, obstacle editing, audio replacement, local save data, PWA caching, testing, and publishing.

Support

Support is available for product issues, as well as for reskinning or paid customization services.