Battleship

The game of Battleship was originally played with paper and pencil. It dates back to World War I, where there is some dispute as to whether it was created by the French or the Russians. Since, it has become a board game (Battleship, Milton Bradley 1967) and an electronic board game (Electronic Battleship, Milton Bradley 1977).

In 2012, the film Battleship (a movie I have not seen) came out, starring Taylor Kitsch, Alexander Skarsgård, Rihanna, Brooklyn Decker, Tadanobu Asano, and Liam Neeson. It has a 34% rating on Rotten Tomatoes. Some fun facts about the film (via IMDb):

• The film utilized 600 extras.
• The film was originally set to be filmed off Australia's Gold Coast. Due to problems with government tax incentives, filming moved to Hawaii.
• Jeremy Renner was cast as Alex Hopper, but dropped out to co-star in The Master (2012), of which he also dropped out.
• The spectrum analyzer used to get the transmission through is an Anritsu MS2713E Spectrum Master.

Screenshots of the game

_{Start Screen}

_{Ships have been placed}

_{Mid-game gameplay}

_{Game over screen}

Technologies Used:

Battleship was created with HTML, CSS, and Javascript.

Getting Started

The game can be played here.

• To start, click a ship to select it, then click a square on the board to place it. To rotate the ships, click rotate. Once all the ships are placed, press start to play.
• Once the game starts, click any square on the AI's board (the board on the right). A miss will show up as goldenrod and a hit shows up as red. When a ship is sunk, the entire ship shows up as navy.

How The Game Is Played:

In this game, you play battleship against an AI. The game works in 2 main stages. In the first stage, you place 5 ships onto the 10x10 grid. In the second stage, each player (you & AI) go back and forth picking squares on the grid where each believe their opponent has put a ship. When an entire ship is sunk, the other player is alerted. The game proceeds until one player's ships are all sunk, at which point the other player wins.

Next Steps

• Fix a bug that occurs sometimes when the AI hits multiple ships without sinking any. Eventually the AI just keeps attacking the same square.
• Shows a "shadow" of a ship where your mouse is hovering when you're placing a ship so you know where it will go.
• Put outlines around the outside of the ships once placed on the board (using border-top-style, border-left-style, etc.)
• In stage 1, clicking on a ship that has already been placed will remove it from the board and put it back at the top of the shipyard.