Game-Themed Computer Science (GTCS) Game Engine:
Tutorial Guide


The GTCS (Game-Themed Computer Science) Game Engine is an API written in HTML, JavaScript and WebGL that allows for the fast deployment of 2D games. This library is designed specifically for computer science students and faculty with no background in computer graphics or video games. This guide consists of a collection of tutorials demonstrating the basics of how to work with the GTCS Game Engine. You can download the zipped source code to the following tutorials here.

The Tutorials

Here is the book describing how to build this game engine from the ground up; and here is the API documentation; and here is the API documentation.

  • Tutorial 0: Setting Up the Environment
    • Creating an HTML page for presenting a game
    • Parameters for the WebGL Canvas
  • Tutorial 1: Basic Application Structure
    • Understanding the scene, camera, renderable and game objects
    • Declaring and initializing member variables
    • Working with the game loop for updates and draws
  • Tutorial 2: Resources and User Input
    • Understanding and loading resources to create a texture renderable
    • Loading audio resources for sound
    • Keyboard & mouse input
    • Default resources for font renderable and ambient lighting
  • Tutorial 3: Sprites, Animation & Collision Detection
    • Creating a sprite renderable
    • Using multiple renderables to demonstrate collision detection
    • Understanding and using parallax and scrolling
  • Tutorial 4: Rigid Bodies and Particle Systems
    • Collision resolution with rigid bodies
    • Particle systems and emitters
  • Tutorial 5: Illumination
    • Light types
    • LightRenderable objects
    • IllumRenderable objects with normal maps
  • Tutorial 6: Shadows & Parallax
    • Shadow Casters
    • Shadow Receivers
    • Parallax & Camera Panning

2/12/2016 - David Watson Proofread by Adedayo Odesile & Jeb Pavleas