https://github.com/bocaletto-luca/connect-four

Forza 4 Web Game Single Player is a modern Connect Four game built entirely with HTML5, CSS3, and JavaScript. It offers smooth animations, intuitive gameplay, AI challenge with multiple difficulty levels, undo/reset options, and real-time interactivity—all running in your browser. Developed by Bocaletto Luca.
https://github.com/bocaletto-luca/connect-four

boardgame bocaletto-luca connect4 connect4-game connectfour connectfour-game css3 forza4 game html5 javascript js json php single-player videogames web-game

Last synced: 2 months ago
JSON representation

Forza 4 Web Game Single Player is a modern Connect Four game built entirely with HTML5, CSS3, and JavaScript. It offers smooth animations, intuitive gameplay, AI challenge with multiple difficulty levels, undo/reset options, and real-time interactivity—all running in your browser. Developed by Bocaletto Luca.

• Host: GitHub
• URL: https://github.com/bocaletto-luca/connect-four
• Owner: bocaletto-luca
• License: gpl-3.0
• Created: 2025-05-24T15:13:04.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-24T15:19:55.000Z (about 1 year ago)
• Last Synced: 2025-05-24T16:36:08.577Z (about 1 year ago)
• Topics: boardgame, bocaletto-luca, connect4, connect4-game, connectfour, connectfour-game, css3, forza4, game, html5, javascript, js, json, php, single-player, videogames, web-game
• Language: JavaScript
• Homepage: https://bocaletto-luca.github.io/
• Size: 31.3 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Connect 4 Web Game Single Player

#### Author: Bocaletto Luca

![HTML5](https://img.shields.io/badge/HTML5-E34F26?logo=html5&style=for-the-badge)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?logo=css3&style=for-the-badge)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&style=for-the-badge)

![WebGame](https://img.shields.io/badge/WebGame-Connect4-blue?style=for-the-badge)

![Project Completed](https://img.shields.io/badge/Project-Completed-green?style=for-the-badge)

![GPLv3](https://img.shields.io/badge/License-GPLv3-blue?style=for-the-badge)

## Overview

**Forza 4 Web Game Single Player** is a modern browser-based Connect Four game built entirely with HTML5, CSS3, and JavaScript. Enjoy smooth animations, interactive gameplay, undo/reset features, and a smart AI opponent with three difficulty modes—Easy (for beginners), Medium (a solid challenge) and Hard (for true competition).

## Installation

No installation is required. Simply serve the files via any HTTP/HTTPS server (e.g., using Apache) and open the `index.html` file in your browser.

## Usage

- **Game Objective:** Drop your discs into the grid to be the first to form a line of four (horizontally, vertically, or diagonally).

- **Player Options:**  

  - **Select Color:** Choose whether to play first (Red) or second (Yellow).  

  - **Choose AI Difficulty:** Pick between Easy, Medium, or Hard—the AI’s search depth adjusts accordingly.

  - **Set Game Time:** (Optional) Adjust the time available per game.

- **Gameplay:** Click on a column to drop your disc. Enjoy smooth drop animations and interactive feedback.

- **Undo/Reset:** Use the Undo button to cancel the last move or Reset Game to start over.

## Technologies Used

- **HTML5** – Structure of the web app.

- **CSS3** – Styling and responsive design.

- **JavaScript** – Game logic, animations, and AI.

- **Custom Connect Four Engine** – Implements game rules and a minimax/alpha‑beta pruning AI.

- **Bootstrap 5** – For modern and responsive UI components.

## License

This project is released under the [GPLv3 License](https://www.gnu.org/licenses/gpl-3.0.en.html).

## Author

**Bocaletto Luca**  

[GitHub](https://bocaletto-luca.github.io) • [Official Site](https://bocalettoluca.altervista.org)

---

Enjoy the game and feel free to report any issues or suggest improvements!