Task 1
If we leave background in the setup it will only draw once meaning every square drawn appears in front of the background.
Task 2
void setup() {
size(200,200); // Set the size of the window
smooth();
}
void draw() {
background(255); // Draw a white background
// Set ellipses and rects to CENTER mode
ellipseMode(CENTER);
rectMode(CENTER);
// Draw Zoog's body
stroke(0);
fill(175);
rect(mouseX,mouseY,20,100);
// Draw Zoog's head
stroke(0);
fill(255);
ellipse(mouseX,mouseY-30,60,60);
// Draw Zoog's eyes
fill(0);
ellipse(mouseX-15,mouseY-30,16,32);
ellipse(mouseX+15,mouseY-30,16,32);
// Draw Zoog's legs
stroke(0);
line(mouseX-10,mouseY+50,mouseX-20,mouseY+60);
line(mouseX+10,mouseY+50,mouseX+20,mouseY+60);
}
size(200,200); // Set the size of the window
smooth();
}
void draw() {
background(255); // Draw a white background
// Set ellipses and rects to CENTER mode
ellipseMode(CENTER);
rectMode(CENTER);
// Draw Zoog's body
stroke(0);
fill(175);
rect(mouseX,mouseY,20,100);
// Draw Zoog's head
stroke(0);
fill(255);
ellipse(mouseX,mouseY-30,60,60);
// Draw Zoog's eyes
fill(0);
ellipse(mouseX-15,mouseY-30,16,32);
ellipse(mouseX+15,mouseY-30,16,32);
// Draw Zoog's legs
stroke(0);
line(mouseX-10,mouseY+50,mouseX-20,mouseY+60);
line(mouseX+10,mouseY+50,mouseX+20,mouseY+60);
}
Task 3
void setup() {
size(200,200);
background(255);
smooth();
}
void draw() {
stroke(0);
strokeWeight(abs(mouseX-pmouseX));
line(pmouseX ,pmouseY ,mouseX ,mouseY );
}
size(200,200);
background(255);
smooth();
}
void draw() {
stroke(0);
strokeWeight(abs(mouseX-pmouseX));
line(pmouseX ,pmouseY ,mouseX ,mouseY );
}
Task 4
Adding background(255); to draw makes the code loop continuously and draw over the squares made by clicking almost instantly.