Overview

Defending Bikini Bottom is a fun arcade game with simple and easy to use controls where a player moves Gary the Snail left to right along the bottom of the screen while attacking the enemy Planktons.

The game gets progressively harder as the Planktons fire faster at higher levels. Play Here

This game is inspired by a classic arcade game that I grew up playing called Space Invaders.

Space Invaders

Functionality

• Users can press left/right arrow keys to move their sprite sideways along the bottom portion of the screen.
• The army of Planktons will move in circles on the page while firing lasers at the player.
• The game ends if the player gets hit by the enemy lasers.

Wireframes

• Game will be played in a single window.

• Planktons disappear after when hit by Gary's lasers.

• If Gary is hit by one of Plankton's lasers, the game is over.

• After clearing all 5 levels, Gary has won the game!

Technologies employed

• Vanilla JavaScript for game logic.
• React.js for basic page structure and functionality.

MVPs

• Basic visuals and an interactive interface.
• Player can move sprite side to side.
• Planktons moving around on the window.
• Laser collision for player and enemy Planktons.
• Styling of game border and sprites.

Development timeline

Day 1:

• Finish brainstorming, concept, and proposal.
• Finish basic project skeleton and essentials.

Day 2:

• Review games from the instructional curriculum.
• Complete basic page skeleton and functionality.
• Basic board design and rendering.

Day 3:

• Basic player Gary rendering and complete movement functionality.
• Start firing mechanism for Gary and Planktons.

Day 4:

• Start Plankton rendering and movement functionality.
• Start game over condition.

Day 5:

• Finish Plankton rendering and movement.
• Complete game over condition.

Day 6:

• Clean up any styling issues.