# JavaScript

## I want to be a game developer… now what?

With people looking to get into game development the same questions come up over and over, so I’ve opted to put my thoughts on the subject in one place and to compile a list of resources for new developers.   Those questions? “I want to learn game programming, what language should I use?” “Should […]

## SuperPowers Tutorial Series

The following is a collection of tutorials showing you how to use the Superpowers HTML5 game engine.  Superpowers is an open source collobaroative game engine with Typescript and experimental Lua support.   Part One – Getting Started In this tutorial we setup the Superpowers engine, launch a server and create our first project.   […]

## TypeScript debugging in Visual Studio with IE, Chrome and Firefox using Source Maps

So I’ve been looking at creating games using Phaser with TypeScript and I’ve run into my first few annoyances.  The first of which is certainly debugging.  At first glance debugging looks wonderful then I realized my mistake.  In the previous post I said I had to add the generated JS file to the project […]

## A tutorial series on building a game engine from scratch… almost literally

Kids these days with their free 3D game engines have no idea what life you used to be like!  In addition to walking 5 miles up hill in the snow, both ways, to get and from school, if we wanted to render a polygon on screen, we needed to create a polygon first!   I’m […]

## Game Development Math Recipes

One of the most daunting aspects of game development for many people is the mathematics involved.  The following are a collection of recipes that go into detail on how to perform a number of common math related tasks.  Each example ships with at least one working demonstration application (written in JavaScript using EaselJS), with […]

## GameDev math recipes: Rotating one point around another point

It is quite common to want to rotate one point relative to another the location of another point.  This math recipe looks at exactly this process.   Just the math angle = (angle ) * (Math.PI/180); // Convert to radians var rotatedX = Math.cos(angle) * (point.x – center.x) – Math.sin(angle) * (point.y-center.y) + center.x; var […]

## GameDev math recipes: Rotating to face a point

This recipe looks at how to rotate one sprite relative to another point.  In this example, we rotate a jet sprite to face the position of the mouse.   Mouse over the application to your right to see how the centred sprite follows the mouse cursor.  You may need to tap the screen to focus […]

## Links of interest for HTML5 game developers

HTML5 Game Engines   ImpactJS Cost: 99\$ www.impactjs.com   Melonjs Cost: Free http://www.melonjs.org   Akihabara Cost: Free http://www.kesiev.com/akihabara/   Construct 2 Cost: Free / 79\$ / 365\$ depending on options http://www.scirra.com/construct2   Cocos2D-HTML Cost: Free http://www.cocos2d-x.org/projects/cocos2d-x/wiki/Html5   Cocos2D Javascript Cost: Free https://github.com/RyanWilliams/cocos2d-javascript   Crafty Cost: Free http://www.craftyjs.com   GameQuery Cost: Free http://www.gamequeryjs.com   IsoGenic […]

Scroll to Top