Please enable JavaScript to use CodeHS

Tennessee Coding I

Description

In this lesson, students will learn about the graphics canvas and its coordinate system. Students will explore how to create and position shapes anywhere on the canvas. Graphic creation relies on setting the type of shape, size, position, and color on the artist’s canvas before adding it to the screen.

Objective

Students will be able to:

  • Understand the coordinate system of the canvas
  • Create basic shapes like circles and rectangles
  • Position shapes in specific locations on the canvas
  • Learn how to add color to shapes
  • Understand how the debug mode functions and how to turn it on or off
Description

In this lesson, students will get more practice with graphics objects. They will also learn how to find images on the internet and use them in their projects. Web images can be loaded into a graphics project using the WebImage class and passing a web image address to it and they can be resized using the setSize method. Apart from loading images and resizing them, students will also learn how to add text objects to their canvas.

Objective

Students will be able to:

  • Add images to their graphics projects using WebImage
  • Resize image objects using setSize
  • Display text on the canvas
  • Break their code into functions based on objects to be rendered
Description

In this lesson, students will further explore the positioning of their graphics and the importance of the order in which functions are called.

Objective

Students will be able to:

  • Strategically position shapes anywhere on the canvas
  • Break their graphics projects into manageable functions
  • Order their function calls in the main function correctly