Giter Club home page Giter Club logo

game-time's Introduction

Cannonz

The Team

The Stack

  • JavaScript
  • HTML5 canvas
  • Webpack
  • Node
  • Express
  • Mocha/Chai

Game Play

The point of the game is to hit all the targets on each level. You can rotate the cannon using the up/down arrows on the keyboard and press spacebar to shoot. The power bar on the left side of the screen goes up and down continuously and you have to time your shots just right to hit the targets.

Testing

Unit tests were written using Chai. They can be run by cloning down the project, then running npm install and npm test.

Production

Play it for yourself right here!

The Inspiration

We were inspired to make this game based off an old MS-DOS computer game from the early 90's called Gorillas. Someone also made an exact replica of that exact game, which you can play right here.

Final Thoughts

The game turned out really well - not bad for only knowing JavaScript for 2 weeks prior to starting the project. We were particularly proud of our refactoring that enabled us to test every single function in the program. We also really like the difficulty level came ended up with. It's definitely not easy to clear all the targets in level 3 and that was by design. Our high score is 107, what's yours???

Installation Details

To install the dependencies:

npm install

To fire up a development server:

npm start

Once the server is running, you can visit:

  • http://localhost:8080/webpack-dev-server/ to run your application.
  • http://localhost:8080/webpack-dev-server/test.html to run your test suite in the browser.

To build the static files:

npm run build

To run tests in Node:

npm test

game-time's People

Watchers

 avatar  avatar

Forkers

nickybobby

game-time's Issues

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.