https://github.com/outlawandy/asteroids

an ongoing experiment in canvas and javascript game development
https://github.com/outlawandy/asteroids

asteroids browser-game canvas game game-development html5-canvas javascript javascript-game js

Last synced: about 2 months ago
JSON representation

an ongoing experiment in canvas and javascript game development

• Host: GitHub
• URL: https://github.com/outlawandy/asteroids
• Owner: OutlawAndy
• License: mit
• Created: 2013-10-23T03:34:46.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2022-12-27T03:02:09.000Z (about 2 years ago)
• Last Synced: 2024-10-12T15:21:58.882Z (3 months ago)
• Topics: asteroids, browser-game, canvas, game, game-development, html5-canvas, javascript, javascript-game, js
• Language: HTML
• Homepage:
• Size: 1.33 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
asteroids

=========

An ongoing experiment in canvas and javascript games

I know it is rather gross to embed everything in a single file, but I like to use it in funny places like `404` pages and such. Having it all bundled together makes that sort of thing easier.

The basic structure of the game came from an [O'Reilly](http://www.oreilly.com/) tutorial on HTML5 Canvas.

It makes use of David Griffith's [animatic](https://code.google.com/p/animatic/) library to calculate movement between redraws for most objects.

It has evolved over a number of iterations, I tend to forget about it for 6 months or so and then rediscover it when I find some down time.

I have learned alot from playing with this project, but the most useful bits I learned first from David Griffith in the original tutorial (I will try to dig up a link but I can't remember the name of it).

The important points are:

* the game is run by a single loop

* like all OO designed systems, entities are instances of classes that dictate object behavior.  The interesting point here is that each object knows how to draw itself.

* at each iteration of the run loop, grab the canvas' drawing context and pass it around to each object allowing that object to re-draw itself where it knows it should be.

thats basically it.

This game is in no way complete.

I have an idea of the features I want to include going forward, but feel free to fork it and do what you like.  If you do something cool with it and would like to share, feel free to submit a pull request.

the game is hosted at the github page for this repo: [outlawandy.github.io/asteroids/](http://outlawandy.github.io/asteroids/)

Go play it!

oh yeah, instructions...

`spacebar` to shoot

`arrow keys` to move;  `up` to accelerate, `down` to decelerate, `left` to veer left, and `right` to veer right.

it defaults to `25` asteroids but you can change that with a query parameter. e.g. `?asteroids=100`

Hope you enjoy!