Connect Fourth | Arcade HTML5 Game

Connect Fourth — An Addictive Four-in-a-Row Arcade Game

Connect Fourth is a polished, arcade-style four-in-a-row strategy game built entirely with vanilla HTML5, CSS and JavaScript — no libraries, no frameworks, no build step, no backend. Drop a disc into any empty cell and be the first to line up four discs in a row — horizontally, vertically or diagonally — to win.

Features

• 2 Game Modes: play against the AI or with a friend on the same device
• 4 AI Difficulties: Easy, Medium, Hard and a relentless Impossible bot (alpha–beta minimax)
• 4 Variations: Classic (free placement), Gravity (discs drop), Big 8×8 and Blitz (fast countdown)
• 5 Themes: Neon, Retro, Candy, Ocean, Royal — every color is a CSS variable
• Best-of-5 Match Mode with live progress pips
• Lifetime Stats: games, wins, losses, draws, best streak, discs placed
• 10 Achievements with on-screen toast notifications
• Procedural ambient music & sound effects, each with its own toggle
• Move replay, undo, new game, pause menu and fullscreen
• Keyboard shortcuts & touch support
• localStorage persistence for settings, scores and achievements
• Fully responsive — works on desktop and mobile

How to Play

Players take turns placing a disc on any empty cell. The first player to line up four discs in a row — horizontally, vertically or diagonally — wins. If the board fills up with no winner, the game ends in a draw.

Easy to Install

Upload the files to any static web host and open index.html. No database, no configuration, no build tools. Relative paths mean it works in any subfolder.

Browser Support

• Chrome 60+
• Firefox 60+
• Safari 12+
• Edge 79+
• iOS Safari 12+ & Android Chrome 60+ (touch)

Documentation

A full documentation file is included with screenshots, a visual guide for non-coders, a customization guide, a troubleshooting section and an F.A.Q.

Made by Tawajo. All code, art and effects are original work.