Intro to Programming with P5: Fire Brush

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

SzabiSch / bootcamp-schedule