Skip to content
Switch branches/tags
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

How to implement a game engine in JavaScript and build a Tron-style game


This tutorial will guide you through the following steps:

  • Step 1 - Creating a server
  • Step 2 - Creating a game engine basis
  • Step 3 - Creating a splash screen using a keyframe animation engine
  • Step 4 - Creating a main menu screen using a font engine
  • Step 5 - Creating a snake and related geometry shapes
  • Step 6 - Creating a complex game screen with multiple layers
  • Step 7 - Bonus! Re-implementing geometry in C++

Make sure you have the following software installed:

  • NodeJS with an ECMAScript 2015 support (v6.0.0 and above).
  • Any web-browser which supports ECMAScript 2015, with a preference for Google Chrome.

The final project is a hybrid of C++ and JavaScript. A JavaScript only version of this tutorial is available here.

This tutorial is mostly based on pure JavaScript, so people can have a deeper understanding of the language and its dynamics. In addition, this tutorial makes a great practice on how to build a nice architecture for complex systems, which can then be expanded and maintained with ease. Yes, it is specifically designed for games, but I truly believe that video games can easily get messed up if not planned and designed properly in terms of object oriented relationships. They are naturally more complicated then any web-app you gonna see out there, so if you can create a game engine and understand its flow, creating a web-app would be a piece of cake for you. By the end of this tutorial, your general sense for programming should be enhanced greatly.

So hopefully that I got you pumped up by now, let's get started!

Begin Tutorial >