Electric Field Hockey

Description

Electric Field Hockey is a HTML5 Canvas game I wrote as an exercise in creating javascript canvas applications. After writing the client side javascript game, I rolled out a Ruby on Rails application to serve different levels of the game and store statistics and replays.

The use of KineticJS as a abstraction over the canvas API greatly reduced development time by letting me focus on the physics and gameplay elements. I didn’t have to write pages of code to get drag and drop support on desktop and mobile.

Core takeaways include not tying your physics simulation to fragile things like framerate and favoring side-affect free functions as much as possible.

Technologies

Client

• HTML5 Canvas with Kintetic.js
• Javascript development with Grunt

Server

• Ruby on Rails
• MySQL
• Custom deployment from a git hook

Relevant Links

• Game Javascript: GitHub
• Site Code: GitHub
• Site Home: Electric Field Hockey

Related Posts

• Keep Your Framerate Out of My Physics - Series analyzing the algorithm I used to maintain a deterministic physics simulation and enjoyable game experience