Water Sort Puzzle: Liquid Color Sorting Game (HTML5)

Demo Video

Water Sort Puzzle is a clean, classic, and highly addictive HTML5 puzzle game where the objective is to sort the colored liquids until each test tube contains only one color. This package provides a complete, ready-to-publish game solution built with pure JavaScript and HTML5, making it simple to integrate and customize.

Key Selling Points: Classic Gameplay Loop: Simple tap-to-select and tap-to-pour mechanic is universally understood and instantly engaging.

Intuitive Transfer Logic: Built-in rules ensure liquid can only be poured onto the same color or into an empty tube.

Dynamic Difficulty: Features 4 distinct levels (Easy, Medium, Hard, Very Hard) with increasing numbers of colors and test tubes (up to 8 tubes) for scalable challenge and replayability.

Smooth Visuals & Animation: Includes custom CSS/JS-based animations for the realistic, smooth transfer of liquid between tubes.

Web Audio SFX: Programmatically generated sound effects (clicks, pouring, win state) enhance user feedback and engagement.

Mobile-Ready & Responsive: Fully designed to look and play great on all devices, from desktop monitors to mobile phones.

Template Friendly: The code is clean and highly customizable. Easily change colors, tube positions, and sound tones by editing simple variables in script.js