join the online class's photo1

join the online class's photo2

 讓方塊的座標是滑鼠的位置

讓滑鼠位置有殘影

mousePressed

change stroke's color

change strokeweight

class's code:

void setup(){
  size(800,600);
  background(#834A04);
  stroke(#737973);
  strokeWeight(4);
  //color table
  fill(#F52811); rect(0,0,100,100);
  fill(#3DA00A); rect(0,100,100,100);
  fill(#2287F0); rect(0,200,100,100);
  fill(#010305); rect(0,300,100,100);
  fill(#FFFFFF); rect(0,400,100,100);
  fill(#964AB2); rect(0,500,100,100);
  //stroke table
  stroke(#010305);
  strokeWeight(4);
  fill(#FFFFFF);
  rect(700,0,100,100); ellipse(750,50,5,5);
  rect(700,100,100,100); ellipse(750,150,10,10);
  rect(700,200,100,100); ellipse(750,250,15,15);
}
void draw(){//draw line
  if(mousePressed && mouseX>100 && mouseX<700) line(mouseX,mouseY,pmouseX,pmouseY);
}
void mousePressed(){
  //change color
  if(mouseX<100 && mouseY<100) stroke(#F52811);
  else if(mouseX<100 && mouseY<200) stroke(#3DA00A);
  else if(mouseX<100 && mouseY<300) stroke(#2287F0);
  else if(mouseX<100 && mouseY<400) stroke(#010305);
  else if(mouseX<100 && mouseY<500) stroke(#FFFFFF);
  else if(mouseX<100 && mouseY<600) stroke(#964AB2);
  //change strokeweight
  else if(mouseX>700 && mouseY<100) strokeWeight(5);
  else if(mouseX>700 && mouseY<200) strokeWeight(10);
  else if(mouseX>700 && mouseY<300) strokeWeight(15);
}