jmmarquardt / burgerfight

2D HTML5 Canvas game where Ronald McDonald and the Burger King force each other to eat their burgers.

The Legend of Ronald: Twilight Burger

2D HTML5 Canvas game where Ronald McDonald and the Burger King force each other to eat their burgers.

Play Twilight Burger here on Heroku

Screenshot

Why?

We have done multiple "eat the burger" web apps academically, and decided to gamify this exercise in order to explore new technologies and incorporate all we have learned.

Technologies Used

• CraftyJS
• JavaScript
• Node and Express server
• MongoDB
• ReactJS
• D3
• Piskelapp Sprite sheets
• TexturePacker Atlas sheets
• Sound assets created using Audacity or acquired from freesound.org

Built with

• Atom and Sublime

Team Members

• John-Mike Marquardt Github | jmmarquardt.com | LinkedIn
• Mickey A. Ryan Github | Portfolio | LinkedIn
• Ryan Osterman Github | Portfolio | LinkedIn

Copyright & License information

• This game uses several sounds from freesound.org, for the full list see here: Audio Assets Creative Commons Attribution
• All in-game art assets (sprites, .gifs and spritesheets) were drawn and animated by John-Mike Marquardt and are free to use under Creative Commons Attribution Non-Commercial license.
• This Game is free to clone or play for academic purposes, or entertainment but not for commercial use or distribution. This game is also covered under Creative Commons Attribution Non-Commercial license.

burgerfight's Issues

Main Game screen (index.html)

Chat window (feature)

fix bg music bug

background music doesn't loop or plays over itself

Create HTML5 canvas game screen

game screen for where the game will be played

King spawns at fixed position-make it relative to grid

Now that the game grid draws relative to window size, player2 cannot spawn at fixed pixel position anymore. must be relative to game grid width and height

User profile screen? (feature)

Create Attribution wiki's for audio assets

Licensing and attribution

Linking from readme.md to wiki pages for audio, art and game licenses

keep track of individual players' scores and save in db

create a landing page

we want the landing page to include the giphy of ronald mcdonald and a start button at a minimum

Authentication

Setup Stormpath

locally and on heroku

Create wiki/readme reference to the Creative Commons Attributions

Game Over Modal

determine how we are scoring a game

Is it a best of 3 or best of 5 matches? is it one match but the players have 3 lives? is it based on points at all?

bonus drops? (feature)

Throw sound

"player re-spawn sound"

Heroku webpack build

git push heroku master

completes a successful heroku build, but when navigating to twilightburger.herokuapp.com the page doesn't load. "unable to locate bundle.js"

• heroku is missing bundle.js
• heroku is not webpacking to build a bundle.js.
• bundle.js is .gitignored to avoid merge conflicts between developers
• editing package.json to include:

"main": "webpack.config.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "heroku-postbuild": "webpack",
    "start": "node server.js"

and specifying the node and npm engine versions for heroku to use:

"engines": {
    "node": "4.7.2",
    "npm": "4.0.5"
  },

Create game sprites

At a minimum we need a ronald mcdonald and burger king sprite.

keep a top scores leaderboard

create handler to handle player input

"Finish Him!" and "Fatality" sounds

fire button moves game grid in browser window (scroll's page)

If i zoom in on game grid or play at lower resolution, the game grid extends past the browser window. this is fine for motion, but when using the spacebar to fire, the whole page moves vertically, moving the game grid vertically too.

Implement a function that will handle user input

Game Music

Fix rendering of game map

Currently players spawn inside of bushes. We need to make sure the player isnt trapped inside a component on loading the game. A good tutorial for this can be found at the tutorial we have all looked at:
http://buildnewgames.com/introduction-to-crafty/

Search the page for "occupied"

create a basic express server

Create a basic express server as the backend for the application

"Player death" sound

Player Cards on either side of game grid

• Score
• Health
• burgers (ammo) remaining
• lives remaining

"Hit by" sound

Visual Game Assets

the King sprite sheet

Score

How are we determining scoring/points and wins?

Game Score

• current score per player
• limit on score or time to end a match
• display current score to game grid or page

Per Player info

• Keep track of wins, losses and ties
• highest score

Draw title screen

Game Over Music

Landing page-hopefully that ronald gif

Views-REACT

Draw Game Over Screen

burgers

drops need "is occupied"

keep track of game score and display in game

SOUND ASSETS!

If one player doesn't move, they don't seem to get destroyed by burgers.

keep track of rounds-3 rounds and game over.

Investigate how player input will work

Ronald Sprite sheet