Stellar - an HTML5 Canvas JavaScript Game.

Stellar is an arcade style game about becoming the biggest, baddest, stellar object in the universe. In this universe, there is one law: eat, or be eaten! Stellar is my adaption of an amazing physics based game called Osmos. Stellar currently has 3 levels of gameplay, with a strategic element of matter loss/matter acquisition.

Play The Game

Tested on the latest version of Google Chrome 64 Bit (Version 38.0.2125.111).

How to Play

Features

• Custom-Made 2D Physics Engine:
  • Collision Detection
  • Collision Response
  • Basic Vector Operations, Triginometry, and Linear Algebra.
• Modified Flocking Algorithm (Elements of Cohesion & Repulsion) for the Enemy AI.
• Parallax Star Background.
• Double Buffering to rectify fickering with physics behavior.

Version 1.5

• Matter Payment System for Player & Enemies.
• Level Bonus for Player on Level UP.
• Extensive refactoring and encapsulation of variables into a global namespace (window.ENGINE) and IIFEs.

Issues

• Major slowdown of game when > 150 enemies exist in Level 3.

Tech

• HTML5 Canvas
• JavaScript
• JQuery
• HTML5
• CSS3

Tests

• Extensive use of Chrome V8 Console for debugging and memory profiling.
• Google Developers PageSpeed Insights

Research

• 'HTML5 Canvas' By Steve Fulton, Jeff Fulton
• 'How Physics Engines Work' - Build Games With Us
• Flocking Algorithm Link

Planned Features

• Version 1.75:

  • Arcade Style Scoreboard.
  • Implement Asynchronous Module Definition (AMD) of .js files with RequireJS.
  • Research data structures to solve game slowdown @ level 3 (eg., with QuadTrees)

• Future Versions:

  • Refactoring of Physics Engine: Adding Transformation Matricies, Orbital Rotation, and Gravity Wells.
  • Enhanced Level Design and Graphics: Different Types of Enemies and Perlin Noise for a Nebula-like Effect.
  • Optimizing the game for other browsers & mobile devices.