/Grow_Fish

Primary LanguageJavaScript

Grow Fish

Background and Overview

Help the little fish grow by catching smaller fish while avoiding big ones

Functionality and MVPs

  • Landing page, modal with instructions
  • Player is a small fish that earns (grows in) centimeters as it eats (collides with) smaller fish than itself.
  • Player fish has to navigate away from randomly generated bigger fish swimming towards it
  • Game is over when collision with bigger fish occurs
  • Bigger fish that need to be avoided get speedier as player fish starts growing bigger and gets closer to the set centimeters
  • When player fish reaches set centimeter the game automatically goes into the next level, slowing down fish flow, decreasing the player fish size again, and increasing desired centimeters to be reached

WireFrames

This app will consist of single screen with modal pop up at the beginnig for istructions and a start button. It will display a water background with randomly generated diferent sized fish swimming towards the player fish. Mouse movement will determine player fish movement patterns. Screen Shot 2020-04-27 at 1 49 26 AM

Architecture and Technology

  • JavaScript
  • Canvas HTML5
  • Webpack

Implementation and Timeline

  • Day 1, Monday: research technologies and architecture, finalize decisions
  • Day 2, Tuesday: figure out game ineerworkings and implementation
  • Day 3, Wednestday: implement the game logic and movements, resetting the game, centimeter increase/decrease
  • Day 4, Thursday: Styling and finishing up logic
  • Day 5, Friday: Finalize

Bonus

  • sound effects
  • different fish categories to choose from