Please enable JavaScript to use CodeHS

Introduction to Computer Science in JavaScript (Corgi)

The Canvas and Graphics

Students learn how to add graphics objects and position them on the canvas.

Lessons

4.1 Intro to the Canvas and Graphics

  • Intro to Canvas and Graphics
  • Debug Mode for Positioning
  • Live Coding: Circle and Rectangle
  • Canvas Coordinates
  • Canvas and Graphics Quiz
  • +4 more

4.2 More Graphics Objects

  • More Graphics Objects
  • Live Coding: More Graphics Objects
  • Graphics Objects Quiz
  • Cute Animals
  • Greetings, Earth!
  • +3 more

4.3 Positioning Graphics Objects

  • Positioning Graphics Objects
  • Positioning Quiz
  • 8 Ball
  • Color the Rainbow
  • Create Your Own Plant!

4.4 JavaScript Graphics Quiz

  • JavaScript Graphics Quiz

Courses that include this module