Please enable JavaScript to use CodeHS

Utah Creative Coding

Getting to Know Libraries

Students learn about the JavaScript game design library and how to use it 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