https://github.com/amriikk/Battleship-EX
Game adaption of BattleShips using HTML5 + CSS + JS
https://github.com/amriikk/Battleship-EX
browser-game game game-board html-css-javascript
Last synced: 2 months ago
JSON representation
Game adaption of BattleShips using HTML5 + CSS + JS
- Host: GitHub
- URL: https://github.com/amriikk/Battleship-EX
- Owner: amriikk
- Created: 2020-03-25T18:38:21.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-04-23T23:25:38.000Z (about 5 years ago)
- Last Synced: 2023-03-01T02:57:08.923Z (about 2 years ago)
- Topics: browser-game, game, game-board, html-css-javascript
- Language: JavaScript
- Homepage:
- Size: 11.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BattleWars EX
## John Trujillo
### SEI-DT-71
## Game Description:
#### This browser game is an adaptation of BattleShips. :ship:
∅ The objective of Battle Wars EX is to try and sink all of the CPU's ships.
∅ All of the CPU's ships are somewhere on the game board.
∅ The Axis is comprised of rows and columns:
∅ A-G for the Rows | 0-6 for the Columns
∅ You try and hit them by calling out the coordinates of one of the squares on the board.
∅ Sink all 3 of the CPU's and you WIN!
## Technology Utilized:
#### Battle Wars EX browser game uses:
###### :small_blue_diamond: HTML5
###### :small_blue_diamond: CSS
###### :small_blue_diamond: JavaScript
###### :small_blue_diamond: jQuery
*Fonts brought to you by Google-Fonts ('Righteous')*
## Getting Started:
[Link to Game](https://amriikk.github.io/battleship/ "Battle Wars EX game") :trollface:
To start the game, select a begin by inputing a coordinate in the guess box located at the bottom right of the game board.
Select (A-G) for your row selection + (0-6) for your column selection.
#### The objective of the game it to sink all 3 of the CPU ships to win the game!
## Pseudocode:
:thought_balloon: Begin by setting up files: HTML, CSS, JS
:thought_balloon: Draw out a map for how the board should look
:thought_balloon: Give appropraite IDs and Classes to my elements
:thought_balloon: Start by setting up some basic CSS styles; fonts, background, colors
:thought_balloon: Declare variables in JS file
:thought_balloon: Map out functions for game play
## IceBox Features:
- [ ] Create a 2-player mode :busts_in_silhouette:
- [ ] Add sounds to game :sound:
- [ ] Add more animation especially on the buttons :shipit:
- [ ] Option for a bigger board :white_square_button:
- [x] Adding a modal for the rules :heavy_check_mark: