#144: Building a JavaScript/Canvas Game with Kyle Simpson

Avatar of Chris Coyier
Chris Coyier on (Updated on )

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!

Kyle Simpson, partly in an effort to rejuvenate his enthusiasm for working with JavaScript at all, started building a game. He’s not really a “game developer” (or at least, wasn’t at the time!) but tackled this anyway for the fun and the challenge.

In this video I pair with him while he walks me through his game Cloud Sweeper. It was all very interesting to me, as someone with far less experience in this kind of thing. My experience with <canvas> is limited to drawing some rectangles here and there while I was learning the basics. Interestingly enough, there is some SVG crossover (which I have way more experience with), as the game renders individual SVG assets to the canvas. There is plenty of math involved though!

Later in the video, we switch gears and he walks me through starting out my own structure of a game, based on how he started Cloud Sweeper.