HTML5 Canvas Game: The Player Ship

A space ship on a starry background in space

In this second installment of the Galaxian Style HTML5 game series (which has been a long time coming),  I’ll be showing you how to create movement on the canvas by using techniques such as dirty rectangles, multiple canvases, and object pools. So sit back, relax, and let’s get to it!

Read more

Finding the Control Points of a Bezier Curve

How a Bezier Curve is calculated taken from stackoverflow.com

I had an interesting problem while working on a web application using the Canvas to draw Bezier Curves. I had to find the two control points required to draw the curve when I only knew the start point, end point, and one other point on the curve. I couldn’t find anything on the internet so I thought I’d write an article on my findings.

Read more

HTML5 Canvas Game: Panning a Background

A starry background in space used for scrolling

As promised some time ago, I finally finished the Galaxian Style HTML5 game and am now ready to write a five part tutorial series about it. The game will be written completely from scratch without any external libraries so that you can see what it takes to make a game work on the canvas. So without further ado, let the tutorials begin!

Read more