Please enable JavaScript to use CodeHS

Introduction to Game Design

Getting to Know Game Design

Students learn about JavaScript libraries and how to create the basic structure of an animated or interactive program.

Lessons

3.1 Introducing Libraries

  • Introducing Libraries and JSGameLib
  • Game Demo - Brickbreaker
  • Game Demo - Snake
  • Game Demo - Gravity Run
  • JSGameLib Documentation

3.2 Program Structure

  • Program Structure
  • Program Structure Reference
  • Bounce Bounce Revolution
  • Exploration: The Elevator
  • The Propeller
  • +1 more

3.3 Understanding the Canvas

  • Understanding the Canvas
  • Create a Canvas
  • Canvas Coordinates
  • Helper Function for Coordinates
  • Refreshing the Canvas
  • +2 more

3.4 Your First Sprites

  • Your First Sprites
  • Sprite Face
  • Exploration: Shapeshifter
  • Downhill Delights
  • Check Your Understanding - Sprites
  • +1 more

3.5 The Physics of Sprites

  • Physics Engines and Gravity
  • Exploration: Gravity
  • Collisions
  • Exploration: Collisions
  • Physical Properties
  • +4 more

Courses that include this module