Intro to Programming with P5: Fire Brush

[codingbootcampseu]

Start with a new p5 sketch.

• [x] Draw a circle when the mouse is pressed
• [x] The diameter of the circle should be random between 10px and 30px
• Use the red, green, blue and alpha channel to define the fill color
  • The green and alpha channel of the color depends on the size of the circle
  • [x] If the diameter is smaller than 20px
    • [x] The green portion of the color should be 0
    • [x] The opacity of the color should be between 10 and 40
  • [x] If the diameter is larger or equal than 20px
    • [x] The green portion of the color should be between 100 and 200
    • [x] The opacity of the color should be between 40 and 70
  • [x] The blue channel is always 0
  • [x] The red channel is random between 200 and 255
• [x] The x and y coordinates of the circle is based on the current mouse position but it also includes randomness from -20px to +20px

Hints

if statements are written like that.

if(diameter < 20) {
  // do this
} else {
  // do that
}

let randomX = mouseX + random(-20,20);

Example Solution

• Example solution

[glissario]

done