Sumlink | HTML5 Math Puzzle Game

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.