jsjohn026 / cookierun

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cookie Run

Cookie Run is a game designed to be easy to pick up and quick-paced. Gameplay consists of using the right, left and up arrow to move the player around the screen and collect chocolate chip cookies. Missed cookies disintegrate the stones that keep the player from falling and drowning.

Background and Overview

Although it is simple and repetitive, the game will increase in pace to give players a sense of confidence at the start and gradually increase difficulty. This is based on the psychological concept of "Flow" (introduced by positive psychologist Mihaly Csíkszentmihályi) where the level of challenge and skill are balanced in an "optimal experience" so captivating that an individual loses track of time.

Cookie Run is inspired by Flappy Bird and Super Mario Bros. Graphics, storyline, and music are designed to be bright, fun, and simple to evoke simultaneous feelings of joy and calmness.

Functionality

  • Player can use the up arrow button to jump
  • Gaps will be generated in the path of the player
  • The game ends if the player falls into water
  • Each consumed cookie is tracked as a score
  • The score of each run is recorded and saved. A top scoring players list appears at the end of each game.
  • The game has multiple levels of difficulty

MVP Features

  • Basic visuals and interactive interface
  • Player can move right left, and jump up
  • Cookies fall in random patterns in the path of the player
  • Falling causes "Game Over"
  • Window styling scoreboard modal

Bonus Features

  • Top scores list
  • Multiple levels of difficulty

Architecture and Technologies

The game will consist of a single page with a play button and links to the Github repository and LinkedIn. Instructions to start the game by pressing the spacebar will be posted.

Once the game starts, the user tries to catch the first few cookies. If unsuccessful, a modal will allow the player to immediately play again by clicking. The scoreboard will also be displayed here.

Vanilla Javascript
HTML5 Canvas
Webpack
WebAudioAPI

Implementation Timeline

Day 1

  • Review games and canvas from curriculum
  • Setup project skeleton

Day 2

  • Complete board design and rendering
  • Start player avatar rendering and functionality
  • Learn and begin WebAudioAPI

Day 3

  • Complete player avatar rendering and functionality
  • Complete gap obstacle rendering and functionality

Day 4

  • Implement cookie/gap/player collisions
  • Complete "Game Over" logic and functionality
  • Start scoreboard rendering

Day 5

  • Refine visuals
  • Finish styling game page
  • Add Audio and mute/stop options
  • Finishing touches on any MVP's

Day 6

Day 7

About


Languages

Language:JavaScript 81.8%Language:HTML 9.5%Language:CSS 8.7%