Drop4 | Html5 Casual Game

DROP4 — a spinnable, fully 3D take on the classic 4-in-a-row

DROP4 reimagines Connect Four as a real 3D object sitting on a rotating platform, not a flat 2D grid. Drag to spin the board, zoom in close, and drop pieces from any angle — against a friend on the same device, or against a built-in AI opponent with three difficulty levels.

No plugins, no frameworks to install. It’s a single self-contained HTML5 file built on Three.js, ready to upload to any web host or drop straight into an existing site.

Key Features

• True 3D board — drag anywhere to spin the platform horizontally and view the grid from any angle
• Smooth zoom — mouse scroll, two-finger pinch on touch devices, or on-screen +/− buttons
• 1 Player vs AI — minimax opponent with alpha-beta pruning across 3 difficulty levels (Easy / Medium / Hard)
• 2 Player local mode — pass-and-play on the same device
• Full game logic — horizontal, vertical, and both diagonal win detection, draw detection, and a highlighted winning line
• Modern, bold UI — chunky sticker-style buttons, thick outlines, offset drop-shadows, and a playful color palette
• Fully responsive — built mobile-first with touch controls, and scales cleanly from phones to desktop
• Score tracking — running win count for both players across rounds
• Offline-ready — automatically uses a local copy of its 3D engine if you provide one, falling back to a CDN otherwise, with a friendly error state instead of a blank page
• Easy to re-skin — every color lives in a handful of CSS variables; no build tools or compilers involved

Why DROP4?

• Stands out from the sea of flat 2D Connect Four clones with genuine 3D presentation
• Drop-in ready: a single HTML file with no dependencies to configure
• Clean, documented, non-obfuscated code — easy to reskin, extend, or embed
• Includes a full step-by-step customization guide written for non-developers

Requirements

• Any modern browser with WebGL support (Chrome, Edge, Firefox, Safari — desktop & mobile)
• Internet connection on first load (unless self-hosting the 3D engine locally — instructions included)

What’s Included

• index.html — the complete game
• Full documentation with screenshots, troubleshooting, and a customization walkthrough
• Ready-to-use marketplace preview images

Have a feature request or run into an issue? Reach out through the comments/support tab — feedback shapes future updates.