Skip to content

Latest commit

 

History

History
70 lines (53 loc) · 2.7 KB

proposalREADME.md

File metadata and controls

70 lines (53 loc) · 2.7 KB
Raw

Picnic Panic

Background

Picnic Panic is a fun game that drops fruit from the top of your screen to the bottom of your screen. When the game starts, fruits will immediately start dropping. The basket will start at the center of the screen. You gain points by catching the fruits in your basket. A single user is able to move their basket side to side moving their mouse.

Functionality & MVP

With Picnic Panic, players will be able to:

  • Start, quit, restart the game
  • Catch fruits in their basket
  • See their current score (caught fruits/ missed) and accuracy score

This project will also include:

  • A How-To modal screen that will describe the rules/ how to play the game
  • The About modal screen that will include links to the creator's Github, LinkedIn, and Portfolio
  • A production README

Wireframes

This app will consist of a single screen with a game board, highest score display, and an About modal. The game board will display the start button and will tell the user to click the start button. The About modal will include instructions for the game as well as links to the GitHub and my LinkedIn. On the same section as the About modal will be a volume logo meant to toggle on or off the music.

![image of wireframe] (https://github.com/skdkim/picnicpanic/blob/master/design/catchthefruitwireframe.png)

Architecture and Technologies

This project will be implemented with the following technologies:

  • Vanilla JavaScript for game logic
  • HTML and CSS for rendering game content
  • Canvas to provide '2D' game graphics
  • HTML audio for game sound effects

Implementation Timeline

Day 1: Learn Canvas and see what other technologies I need to make this project a reality.

Goals for the day:

  • Create a project repo
  • Render background using canvas
  • Define and style Fruit Class, User Class
  • Connect everything to GitHub pages

Day 2: Create/Implement the game logic

Goals for the day:

  • Create an About screen with links to github/linkedin
  • Create a How-To screen with directions about the game
  • Define sound-effects using HTML audio
  • Create backend game logic
  • Allow the user to interact with the game

Day 3: Style game with CSS and images

Goals for the day:

  • Find appropriate images for game
  • Style canvas with CSS
  • Allow users to see their various scores

Day 4: Fix bugs and implement bonus features

Goals for the day:

  • Touch up on css styling if necessary
  • Fix any bugs if present
  • Implement bonus features

Bonus features

These are features that I would like to implement in order to make the gaming experience for the user more enjoyable

  • Allow the user to choose their fruit
  • Implement super fruits/bad fruits for powerups/powerdowns
  • Multiple fruits