Category Archive: Games

Games and Game Development

Sep 13

Chem Fight: js13KGames HTML 5 Chemistry Battle Game

Chem Fight Logo

Introducing Chem Fight I’m currently putting the final touches on my latest HTML5 game: Chem Fight – the chemistry battle game. I started building the game about a month ago for the js13KGames competition. The goal of the competition is to build an HTML5 game in 13 Kilobytes or less when all the game’s code …

Continue reading »

May 07

Stratiscape – A layered approach to HTML5 Canvas drawing

When I created my first HTML5 game I was surprised that the canvas element in HTML5 didn’t support multiple layers that could be painted on independently. Independent stacked layers would help in many situations when animating only a portion of a game (like the main character) so that the system doesn’t have to repaint backgrounds …

Continue reading »

Apr 10

Creating a Hex Grid for HTML5 Games in Javascript

In my last post, I described how to do some of the calculations for determining the required measurements to build a hexagon. Today I’ll show you how to take that a step further and build a hex grid or game-field out of those hexagons. Let’s start with the overview and pseudo-code for populating our grid …

Continue reading »

Apr 05

Fun with Hexagon Math for Games

Hexagons are great for game grids because, compared to the standard square grid, the distance from the center of a hex to any adjacent hex is the same (assuming you have a “Normal” hex with width to height ratio of 2:√3). In a square grid, moving from one square to an adjacent diagonal square is …

Continue reading »