Pour Party | HTML5 Color Sort Game

A complete, production-ready HTML5 water-sort puzzle game built for commercial distribution. Zero external JavaScript dependencies. Runs on any modern browser straight from a static file host with no build step required.

Overview

Pour Party is a color-sort bottle puzzle: tap a bottle to lift it, tap another to pour, and sort every color into its own bottle to clear the board. The game bundles three play modes on one shared bottle-pouring engine — Sort Color Puzzle, Combo Pour, and Twin Flow — each with its own set of 100 hand-verified levels across Easy, Medium, and Hard, plus its own seeded Daily Challenge. The game features five selectable board themes (each with its own fixed background image), four bottle skins, an optional Cartoonic Mode visual style, a shared XP progression system with seven rank tiers, a per-mode/per-difficulty local best-times leaderboard, an eight-achievement system, an unlimited in-game hint, and a full sponsor/ad integration framework — all in a single self-contained HTML5 package.

About the Game

• Entry point is index.html — no build step, no CLI tools, no package manager required
• Pure vanilla HTML5, CSS3, and ES6+ JavaScript — zero libraries, zero frameworks
• Game engine and UI are contained in a single IIFE in scripts/js/game.js
• All 900 levels (100 levels × 3 difficulty tiers × 3 modes) ship pre-built in scripts/js/levels.js — every board is a genuinely mixed random deal, independently verified solvable by an A* water-sort solver before being included, so no two modes ever repeat the same board
• All CSS lives in scripts/css/style.css; sponsor/ad placeholder in scripts/sponsor/sponsor-placeholder.html
• Ads are switched on or off from a single file: scripts/config/ads.js
• Five bundled background images, one per theme (scripts/images/bg-amber.webp, bg-jungle.webp, bg-obsidian.webp, bg-midnight.webp, bg-crimson.webp) and one favicon (favicon.jpg)
• Procedural Web Audio API sound engine — no audio files bundled
• All game state persisted to localStorage with graceful degradation when storage is unavailable
• Browser support check on boot — displays a dedicated “Browser Not Supported” screen if requirements are not met