Please enable JavaScript to use CodeHS

New York Computer Science 9-12

The Canvas and Graphics

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

Lessons

5.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

5.2 More Graphics Objects

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

5.3 Positioning Graphics Objects

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

5.4 JavaScript Graphics Quiz

  • JavaScript Graphics Quiz

Courses that include this module