Logic Lattice | HTML5 Puzzle Game

A complete, production-ready HTML5 logic-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

Logic Lattice bundles three Sudoku variants on one shared 9×9 engine: Mathdoku Towers (bold-outlined cages that must satisfy a +, −, ×, or ÷ equation, with no repeated digit inside a cage), Consecutive Sudoku (classic Sudoku with dots marking every pair of neighboring cells whose final digits are consecutive), and Arrow Sum Sudoku (classic Sudoku where the digits along each arrow must add up to the circled digit at its start). Every puzzle is generated procedurally at play time — there is no bundled puzzle list. The game features Easy/Medium/Hard difficulty tiers plus a seeded Daily Challenge, five selectable board themes (each with its own fixed background image), an optional Cartoonic Mode visual style, a shared XP progression system with seven rank tiers, a local best-times leaderboard, an eight-achievement system, a configurable hint system, 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 for all three puzzle modes are contained in a single IIFE in scripts/js/game.js
• There is no bundled puzzle file — Mathdoku Towers, Consecutive Sudoku, and Arrow Sum Sudoku boards are all generated algorithmically at runtime, for every difficulty tier
• 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

Puzzle Modes

The mode is chosen right after the lobby, on its own dedicated “Choose a Mode” screen, before difficulty. All three modes share the same 9×9 grid, row, and column rules — only the extra rule changes.

• Mathdoku Towers — Fill the grid 1–9 with no row or column repeating a digit. Every bold-outlined cage’s cells must combine — in any order — to reach the target number and operator (+, −, ×, ÷) printed in its corner, with no digit repeated inside a single cage.
• Consecutive Sudoku — Standard row, column, and 3×3 box rules, plus a small dot printed between every pair of neighboring cells whose final digits are consecutive (like 4 and 5). Two neighboring cells with no dot between them can never end up consecutive.
• Arrow Sum Sudoku — Standard row, column, and 3×3 box rules, plus every arrow’s circled starting cell must equal the sum of all the digits sitting along the line the arrow draws through the grid.

The difficulty screen’s heading, subheading, and difficulty descriptions all update dynamically to match the selected mode.

Difficulty

• Easy — Mathdoku Towers uses smaller cages with only + and − operators; Consecutive and Arrow Sum Sudoku start with 38 given digits and 9 arrows respectively.
• Medium — Mathdoku Towers adds × to the cage operators; Consecutive and Arrow Sum Sudoku drop to 30 given digits and 7 arrows.
• Hard — Mathdoku Towers uses all 4 operators (+, −, ×, ÷) with larger cages; Consecutive and Arrow Sum Sudoku drop to 24 given digits and 5 arrows — the toughest logic for every mode.
• Daily — a puzzle unique to each player, seeded from today’s date plus a per-device player ID, built at a configurable difficulty (Medium by default via dailyDifficulty). No server or puzzle database — a fresh puzzle is generated every calendar day and never repeats. The Daily Challenge is shared across all three modes: completing it once, in any mode, marks the Daily card done for that calendar day everywhere, and unlocks again automatically the next day.

The grid is always 9×9 for every mode and difficulty — difficulty controls cage size and operator count (Mathdoku Towers) or how many digits/arrows are pre-filled (Consecutive, Arrow Sum), not the grid size itself.