Web Game Programming Tutorials
Web Game Programming Tutorials

Web Game Programming Tutorials

This page is dedicated to my web game programming tutorials. They will use ASP.NET for the back end. Also, they will use ES6 so there will be no compatibility with Internet Explorer without adding polyfills. If there is something you would like to see a tutorial on leave a comment and I will do my best to do it justice.


Dragon’s Claw

Dragons Claw Web Game Programming Tutorials
Dragon’s Claw

The Dragon’s Claw tutorial series is about a sci-fi themed strategic MMORPG similar to the game Utopia. You raise an army and try to conquer the galaxy with your empire.

The complete code for the tutorials is available in my GitHub repository. You can find it here:
https://github.com/Synammon/DragonsClaw

After registering on my main site you can see the game in action here:
https://cynthiamcmahon.ca/game/

Tutorial 01

Creating Project – This tutorial goes over creating the project and creating a player.


Tutorial 02

Creating Empires – This tutorial goes over creating empires.


Tutorial 03

Troop Training – This tutorial goes over training troops.


Tutorial 04

Troop Training Part Two – This tutorial continues on with training troops but on the back end this time.



Tile Engine Tutorials

These web game programming tutorials are about creating a tile engine with HTML5 and JavaScript. They will end up creating a full game that is a bit of an RPG. It is best if they are read in series. There is a GitHub repository with the latest version of the code here: https://github.com/Synammon/TileEngineJS

Part 1 – The Basics

This tutorial creates the basic tile engine that we will be using through out the rest of the tutorials. It is multilayer tile engine with multiple tile sets per map. It renders using a 2D camera.

Part 1 – The Basics

General Tutorials

These web game programming tutorials are about general game program with HTML5 and JavaScript. They will be on a wide array of topics from animation to collision detection and more.

Part 1 – Sprite Classes

This tutorial creates two basic classes. The first is a general sprite class and the second is an animated sprite class.

Part 1 – Sprite Classes

Leave a Reply