Skip to content

Game adaption of BattleShips using HTML5 + CSS + JS

Notifications You must be signed in to change notification settings

amriikk/Battleship-EX

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BattleWars EX

John Trujillo

SEI-DT-71

GamePlay Screenshot 2

Game Description:

This browser game is an adaptation of BattleShips. 🚢

∅ 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:

🔹 HTML5
🔹 CSS
🔹 JavaScript
🔹 jQuery

Fonts brought to you by Google-Fonts ('Righteous')

Getting Started:

Link to Game :trollface:

GamePlay Screenshot 1

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:

💭 Begin by setting up files: HTML, CSS, JS

💭 Draw out a map for how the board should look

💭 Give appropraite IDs and Classes to my elements

💭 Start by setting up some basic CSS styles; fonts, background, colors

💭 Declare variables in JS file

💭 Map out functions for game play

IceBox Features:

  • Create a 2-player mode 👥

  • Add sounds to game 🔉

  • Add more animation especially on the buttons :shipit:

  • Option for a bigger board 🔳

  • Adding a modal for the rules ✔️

About

Game adaption of BattleShips using HTML5 + CSS + JS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published