Please enable JavaScript to use CodeHS

Mix and Match Middle School Course

Lesson 8.2 Color

Description

In this lesson, students customize the background color, fill color, and stoke color using string, greyscale, and RGB color values. Using their own and provided color palettes, students add color to provided p5.js sketches.


Objective

Students will be able to:

  • Define terminology related to color theory
  • Set the RGB values and opacity for shapes
  • Change the color of the canvas: background()
  • Change the color of shapes: fill(), noFill(), stroke(), noStroke()
  • Use advance shape-drawing functions (triangle, quad, arc, beginShape, endShape)