GithubHelp home page GithubHelp logo

krp312 / savage-ghosting Goto Github PK

View Code? Open in Web Editor NEW

This project forked from zwillerzoog/boat-phaser-game

0.0 2.0 0.0 14.58 MB

Home Page: https://multiplayer-phaser.herokuapp.com/

CSS 2.37% JavaScript 94.41% HTML 3.22%

savage-ghosting's Introduction

SAVAGE GHOSTING

by William McKelvey, Heidi Marsh, Kristoffer Panahon

Production App

https://savage-ghosting.herokuapp.com/

Description

You and a group of your friends (or enemies) enter the arena. You must duck, dodge, shoot, scream,...unleash absolute SAVAGERY until a victor is the last one standing.

Objective of Game

You and up to at least 5 other friends (Its what we have tested so far, probably more) enter the arena. You get to shoot, dodge, and survive until either you or your competitor is named the victor. If you do die, don't worry, your ghost has a surprise.

Technology Used

FrontEnd: HTML, CSS, Phaser, Javascript
BackEnd: NodeJS, Express, Socket.io
Deployment: Heroku

Things to Look Into For Future of the Game

  • Display Scores
  • NPCs (Non-Playable-Characters)
  • Mobile Platforms
  • Google Authorization
  • Add powerups

Note The sprites and music in the static folder will be used in the future!

How to Use our code

  • Fork it to your Repo
  • Git clone the Repo link
  • Move into the project directory: cd ~/YOUR_PROJECTS_DIRECTORY/YOUR_PROJECT_NAME
  • Make sure you do a npm install in the server folder before doing anything
  • Run npm start in order to build the production app
  • Type localhost:5000 in your web browser and it should be up and running locally.

Note You will need to close the current server that is running and run npm start everytime you make a change.

Phaser Documentation

https://phaser.io/docs/2.6.2/index

Screenshots

Loading Screen

When you start the website, the loading screen appears and completes only when it finishes preloading every sprite, background, and music we used in the game.
LoadingScreen

Menu Screen

Once the game finishes loading, you are directed to the menu screen! You will have the option to play the game, see the game instructions, see the options, and see the credits for the game.
MenuScreen

InfoModal Screen

If you selected the Instructions Option, you will see the game instructions. You can click on the Back button to return to the Menu screen.
InfoModal

Option Screen

If the music becomes a bit much for you, you can enter the option screen to turn it off. You can click on the Back button to return to the Menu screen.
OptionScreen

Game Screen

If you selected the Start Button, you are directed to the game. Wait for other players and enjoy!
Game

savage-ghosting's People

Contributors

52lions06 avatar krp312 avatar zwillerzoog avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.