NeoFlow 2D Logic Puzzle Game in HTML5

NeoFlow is a logic-based puzzle game where players connect matching-colored dots on a grid. To solve a level, players must ensure that all pairs are connected without any paths overlapping, and 100% of the board’s cells must be filled.

Core Technology Stack

HTML5 Canvas & DOM: A hybrid rendering engine using DOM elements for interaction/hit-testing and Canvas for drawing paths.

Vanilla JavaScript (ES6+): Handles complex pathfinding generation and grid state management.

Web Audio API: Native, asset-free procedural sound synthesis for all game sound effects.

Installation & Setup

NeoFlow is designed as a standalone, zero-dependency, single-file web application. It requires no external assets (images, audio files) making it extremely lightweight and portable.

System Requirements

Modern Browser with Web Audio API and Canvas API support (Chrome 90+, Firefox 88+, Safari 14+, iOS Safari 14+).

Download the main zip file. Open the file in your preferred web browser.