/Asteroids

JS and HTML5 Canvas

Primary LanguageJavaScript

Asteroids Redux

A rejuvenation of the classic arcade game, made entirely in vanilla JS and HTML5 Canvas.

Note: HTML5 Canvas rendering has major performance issues on many versions of Firefox. Please use IE or Chrome to ensure stable performance.

asteroids

Features

  • Dynamic difficulty
  • Sound effects
  • Powerups (triple laser, total destruction, and 1-up)
  • Points and ranking system
  • Custom-made particle effects
  • Background track from Ikaruga!

Implementation

  • Extremely OO design, all objects strongly encapsulated
  • Implements prototypical inheritance through surrogates (so all moving objects inherit common behavior from MovingObject class)
  • Title screen stars are dynamically generated and drawn using O(n) algorithm
  • Implements O(n) collision detection, measuring the radius of each collideable object with player's ship
  • Particle effects generated dynamically using opacity and size throttling
  • Garbage collects unused sprites and particles based on positioning and age
  • Uses trigonometric functions to calculate movement physics, rotation, and ship geometry

Todo

  • Invincibility on spawn