BATTLESHIP

Battleship is a classic two player game where players try to sink their opponent’s navy ships. The basic object of the game is to hide your five ship fleet somewhere on your ocean, and find your opponent’s fleet before they find yours.

[ Setting up ]
Each player will see two boards. Click and drag your 5 ships. Place them on your ocean on the left.

[ Rotate ship ]
You may place your ships horizontally or vertically. Click to rotate the ships.

[ 1,2,3 Fire! ]
When you are ready, click "Start" button below your ocean grid. Click your opponent's ocean grid to guess their ship location. You cannot move your ship after game started.

[ Win/ Loss ]
Whoever find all opponent ships wins the game.

[ Battleship Multiplayer ]

Battleship is a classic two-player boardgame. The multiplayer version was built by a group of 4 developers in Los Angeles, CA. We recreate this game to explore the use of Firebase realtime database, authentication, player pairing, chatting, geo-request and rankings.

The front-end is designed originally and implemented with CSS, JavaScript and JQuery. We used JQuery UI for draggable and snappable function. Back-end is build with Google Firebase only.

Access the Multiplayer Version >> https://e30devo.github.io/Battleship

Find us on Github >> https://github.com/e30devo/Battleship

[ Battleship Solo ]

The solo game was an individual exploration of building a program smart enought to play with. The game was build with JavaScript and JQuery only, and was developed based on multiplayer game flow.

UI & Front-End >> http://chendf.com

Send me feedback >> chendf999@gmail.com

January, 2018