Sumlink – HTML5 Math Puzzle Game

Sumlink is a polished HTML5 math puzzle game where players drag across connected number tiles to reach a target sum. Featuring 24 progressive levels, Blitz score attacks, a Daily Board, combo multipliers, power-ups, and unlockable awards, Sumlink delivers an engaging puzzle experience on desktop and mobile devices without requiring third-party libraries.

Gameplay Features

24 Progressive Levels: Complete increasingly challenging puzzles with changing targets, objectives, and time limits.
Dynamic Targets: From level 9 onward, the target changes after every successful sum.
Blitz Mode: Race against a 60-second timer and earn extra time with every successful sum.
Daily Board: Play the same daily puzzle board and track your best score for each day.
Combo System: Build multipliers, chain quick sums, and earn bonus points for longer combos.
Star Ratings: Earn one to three stars based on your performance in each level.
Power-Ups: Use Hint, Shuffle, and Extra Time to overcome difficult puzzles.
Eight Awards: Unlock achievements and review your performance on the statistics page.
Solvable Boards: Each generated board is designed to contain at least one valid solution.

Interface and Customization

Five visual themes: Auto, Paper, Midnight, Mint, and Sunset.
Auto theme follows the device’s light or dark appearance where supported.
Smooth animations and optional sound effects and mobile vibration.
Responsive layout for desktop, tablet, and mobile screens.
Touch-friendly tile dragging with portrait and landscape support.
Settings, scores, and progress saved locally in the browser.

Developer-Friendly Source Code

Centralized configuration in js/config.js.
Customizable game title, text, board sizes, timers, difficulty, and scoring rules.
Support for 4×4, 5×5, and 6×6 board configurations.
Readable, commented source code organized into separate files.
Add custom themes using CSS variables and extend the awards list.
No build tools or third-party JavaScript libraries required.

What Is Included

Complete HTML5 game source files.
index.html entry point.
css/ stylesheet directory.
js/ JavaScript source directory, including the configuration file.
Documentation covering installation, settings, game modes, scoring, customization, code structure, and troubleshooting.

Technical Details

Technologies: HTML5, CSS3, and vanilla JavaScript.
Audio: Sound effects generated with the Web Audio API.
Storage: Browser-based local storage for progress, scores, and settings.
Offline Support: Designed to work offline after the game files have been loaded and any required caching is available.
Embedding: Can be embedded in a webpage using an iframe.
Dependencies: No third-party libraries required.

Browser Compatibility

Designed for modern versions of Google Chrome, Microsoft Edge, Mozilla Firefox, Apple Safari, Opera, and their supported mobile browser versions.

Requirements

A modern web browser and a web server or compatible static hosting environment for deployment. Refer to the included documentation for setup instructions.

Sumlink is a customizable math puzzle game template for developers, publishers, and creators looking to add an engaging number puzzle experience to their projects.

Sumlink | HTML5 Math Puzzle Game