Color Sort - HTML5 Ball Sort Puzzle Source Code

A ball-sort puzzle in ONE file (index.html): plain JavaScript + HTML/CSS, no engine, no build step, no external files. About 9 KB.

Play it free first: https://chiarly6.itch.io/color-sort

What's inside

• Endless levels from a seeded generator: the same level number is always the same puzzle
• Every level is checked by a built-in solver before it is shown, so none are impossible
• More colors as you level up (3 to start, up to 12)
• Undo (5 free per level), hint (from the solver), extra empty tube, restart
• Level progress saved in localStorage; confetti on win
• Synth sound effects with WebAudio (no audio files)

Reskin in 10 minutes

• Title / text: the <title>, the "Sorted! 🎉" and "Next level" strings in the HTML, and the help text in #foot.
• Colors: the ball colors in COLORS, and the page colors in the CSS :root variables and the body gradient.
• Difficulty: CAP (balls per tube), the color count formula at the top of makeLevel(), undos=5 in start(), and the solver limit passed to solve().

Ready for game portals

All ad calls go through one small Portal object. The pack also has ready-made builds wired to the CrazyGames, GameDistribution and GameMonetize SDKs (pause and mute during ads). Add your own game ID, zip and upload.

License

Use it for one game of your own, free or commercial. Do not resell or share the source. See LICENSE.txt.

Made with AI-assisted code by Chiarly.