ananthamapod / GravityBoost

Little spaceshooter with raw js and potential fields map building

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gravity Boost

Synopsis

Gravity Boost is a web deployable game built within the HTML5 canvas structure that's based loosely on the mechanism of planet formation. The objective is to successfully pilot a ship through the chaos as a group of asteroids (or protoplanets) feel the pull of each other's gravity and start clumping together. When they clump together and form a single cohesive structure, you can land and become the God of a brand new world 😉

Motivation

I thought it would be interesting to experiment with HTML5 canvas without any sort of framework or game engine involved (eg. phaser.io which I've used in the past). I never like experimenting with new technology without direction, so Gravity Boost as a game was born as an end goal.

screenshot

Getting Started

Prerequisites

This project requires Node.js and the Node package manager (npm). Install them here if you don't have them on your system.

Running in Development

The code in development requires a bundling process to transform it into browser ready production JavaScript, and this bundling is done here using Gulp, Browserify, and Babel for transpilation of ES6+ features.

Gulp, browserify, and all the other necessary dependencies can be installed with

npm i

To run the bundling in development mode, run

npm run dev

Now your bundling process will be watching the src/ directory for changes

Deployment

To package the frontend assets for production, run

npm run initialize

Built With

  • Gulp - Task runner
  • Browserify - Frontend asset bundling
  • Babel - Transpiling for cross browser ES6 compatibility

Authors

Ananth Rao (@ananthamapod)

License

MIT, for more information, see LICENSE

About

Little spaceshooter with raw js and potential fields map building


Languages

Language:JavaScript 96.2%Language:HTML 2.5%Language:CSS 1.3%