https://github.com/emilracz21/tanks-javascript

Battleship Game
https://github.com/emilracz21/tanks-javascript

battleship-game front-end-development game game-2d html-css-javascript javascript js tanks-game ui-design

Last synced: about 1 month ago
JSON representation

Battleship Game

• Host: GitHub
• URL: https://github.com/emilracz21/tanks-javascript
• Owner: emilRacz21
• Created: 2023-11-18T12:05:40.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-23T17:15:57.000Z (2 months ago)
• Last Synced: 2024-10-24T00:50:20.953Z (2 months ago)
• Topics: battleship-game, front-end-development, game, game-2d, html-css-javascript, javascript, js, tanks-game, ui-design
• Language: JavaScript
• Homepage: https://tanks-er.netlify.app/
• Size: 3.72 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Battleship Game

This is a simple Battleship game implemented using HTML, CSS, and JavaScript. Players can choose between two difficulty levels: Easy and Medium. The objective is to click on cells in a grid to "hit" ships while earning points. Points are awarded for successful hits and deducted for misses.

[Battleship Game](https://tanks-er.netlify.app/)

## Features

- Two game difficulty levels: Easy and Medium

- Interactive grid where players can click to hit ships

- Point system to track player scores

- Sound effects for interactions and game events

- Animation effects for game actions

- Responsive design for a better user experience

## Technologies Used

- HTML

- CSS

- JavaScript

## Getting Started

### Prerequisites

Make sure you have a modern web browser installed. This game works best in Google Chrome or Firefox.

### Installation

1. Clone the repository to your local machine:

   ```bash

   git clone https://github.com/emilRacz21/tanks-javascript.git

   cd tanks-javascript

   

2. Open index.html in your web browser.

## How to Play

* Start the game by selecting a difficulty level from the main menu.

* Click on the grid cells to try to hit the ships.

* Earn points for successful hits and lose points for misses.

* You can press the "Esc" key at any time to restart the game and return to the main menu.

## Game Controls

* Mouse Click: Click on a grid cell to attempt to hit a ship.

* Esc Key: Press to restart the game.

## Audio

The game includes sound effects for various actions, such as:

* Background music

* Click sounds

* Hit sounds

*Win sounds

## Design

![mockup](https://github.com/user-attachments/assets/867957b1-f57d-446d-a5ed-a93a7457d3aa)

## License

This project is licensed under the MIT License