Game Tutorials

Minimum Viable Dice Wars

I built a version of a classic flash game called, “Dice Wars”. You’ll get to learn about procedural generation of game boards and how to implement a fairly complex recursive function.

Magic Eight Ball

If you’re new to programming, this is the place to start. You’ll learn how to build a magic eight ball using the three fundamental languages of the web: HTML, CSS, and JavaScript.

Minesweeper

Learn how to build the classic Windows game: Minesweeper. In this tutorial you’ll get a chance to try your hand with some recursion. You’ll also be exposed to jQuery, and older JavaScript library that is still widely used in businesses applications today.

Minesweeper Revisited

Take on part two of the minesweeper project. In this post I show you how I completely removed jQuery as a dependency and prevented the player from immediately losing a game due to bad luck on the first click.

Ear Trainer

Learn how to build a static web page that helps you learn common music intervals, like major thirds, perfect fifths, and octaves. You’ll also get a chance to implement audio in the browser and local storage.

Crossword Puzzle Generator

Learn how to build a crossword puzzle generator using JavaScript, HTML, and CSS. The code is fairly complex, and you’ll get to learn a little bit about performance optimization.

Snake

Learn how to build Snake with JavaScript. You’ll get a chance to see how game loops work.

Hangman

Learn how to build a movie themed Hangman game.

Tic Tac Toe

Learn how to build Tic Tac Toe and a computer opponent that plays against you.

Matching Game

I built a matching game that tests your ability to remember heroes and villains. This one is more of a demonstration than a full blown tutorial, but you may still find some value in it. It’s not a bad post to read if you’re new to web programming, as there are some tips for using your browser’s developer tools.