Learn to use TypeScript and the HTML5 canvas to draw images sprites for your games using images.

Learn how to generate 8 bit style sound effects using the web audio api and TypeScript or JavaScript.

Learn how to use HTML5 to load a sprite sheet and create animations using the HTML5 canvas element.

Learn how to do basic collision detection for your HTML5 Javascript and Typescript games.

Asteroids

This is my take on the classic Atari arcade game Asteroids. This is the first game that uses my WebGL 2D engine. Point your ship at the asteroids and shoot, but don't run into those giant space rocks.

Spades Card Game

Spades is a classic trick taking card game. The game is played in pairs, and you bid the number of tricks you believe you can take after you see your hand. Spades is always trump, and the black jacks are the bowers.

Space Invaders

This is my version of the classic Taito arcade game Space Invaders. It has more of an 8 bit feel than the original Space Invaders, which was black and white. I used the Web Audio API for sound fx.

Mahjong

Mahjong is a classic matching puzzle game. You can select tiles that are unblocked to either the left or the right of the tile. Select 2 of the same tiles to remove them from play.

Gaps Solitaire

Gaps Solitaire is my personal favorite solitaire card game. Your goal is to put all the cards in order by suit in four rows by moving cards into the gaps. Shuffle the unordered cards when you are out of moves.

Mathjong

Mathjong is a game I came up with that is a cross between a math game and mahjong. Your goal is to create valid math equations using the number and function tiles.