Intro to Programming with P5: Eraser

[codingbootcampseu]

Please use the sketch from the previous task.

• [x] Move the code that creates the Microsoft Logo into the setup function
  • [x] The logo should be drawn once during setup of the sketch
• [x] Draw a circle with the background color of the sketch at the current mouse position in the draw function
  • [x] Only draw the circle when the mouse button is pressed

Hints

The mouseIsPressed variable indicates if the mouse is currently pressed.

if(mouseIsPressed) {
  // draw circle
}

The mouseX and mouseY variables hold the current mouse position on the x and y axis.

function draw() {
  console.log("MouseX is " + mouseX + " and mouseY is " + mouseY);  
}

Bonus

Use a random diameter for the circles.

circle(mouseX, mouseY, random(30));

Example Solution

• Example solution

[glissario]

done