Arrow Trace | Arrow Path Puzzle HTML5 Game

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

Arrow Trace is a tap-to-clear arrow puzzle: tap an arrow whose path is open and it clears off the board; clear every arrow to win. The game bundles two play modes — Classic Puzzle (476 hand-built levels across Easy, Medium, and Hard) and Skins Puzzle (300 levels playable with 2D or 3D Car / F1 Car skins, where tapping sends the vehicle driving off in its open direction). It features five selectable board themes, an optional Cartoonic Mode visual style, a custom puzzle importer, a shared XP progression system with seven rank tiers, a per-mode/per-difficulty local best-times leaderboard, a seven-achievement system, and a full sponsor/ad integration framework — all in a single self-contained HTML5 package.

About the Game

• Entry point is index.html — pure vanilla HTML5, CSS3, and ES6+ JavaScript, zero libraries/frameworks
• Game engine and UI in a single IIFE in scripts/js/game.js
• Classic levels ship in scripts/js/classic-levels.js, Skins levels in scripts/js/skin-levels.js
• Ads are switched on/off from scripts/config/ads.js; sponsor placeholder in scripts/sponsor/sponsor-placeholder.html
• All game state persisted to localStorage with graceful degradation when storage is unavailable

Puzzle Modes

• Classic Puzzle — tap an arrow to clear it, untangle every level. 476 levels (159 Easy, 159 Medium, 158 Hard). Optional Unlimited Hints toggle (default is 3 hints/level) and Chances Mode toggle (3 chances, game over if you run out).
• Skins Puzzle — same clearing rule, played with 2D or 3D Car / F1 Car skins; tap the open direction to drive/race the piece off. 300 levels, shared across the 2D/3D skin choice.

Each mode has its own level-select screen and its own separate level-progress save.