畫面很亂主辦單位要不要管一下week02

利用mousePressed讓background的顏色不一樣

void  setup(){

  size(500,500);

}

void draw(){

  if(mousePressed)background(255,0,0);

  else background(0,255,0);

}

再來利用line配合座標(mouseX,mouseY)連接到(0,0)

但如果要像小畫家一樣的話就要把(0,0)改掉

把(0,0)改成(pmouseX,pmouseY)

void  setup(){

  size(500,500);

}

void draw(){

  if(mousePressed)line(mouseX,mouseY,pmouseX,pmouseY);

}

接下來讓畫筆有顏色

讓滑鼠點擊特定區域時改變顏色

void  setup(){

  size(500,500);

  fill(255,0,0); rect(0,0,100,100);

  fill(0,255,0); rect(0,100,100,100);

}

void draw(){

  if (mousePressed){

  if(mouseX<100){

    if(mouseY<100) stroke(255,0,0);

    else if(mouseY<200) stroke(0,255,0);

  

  }else line(mouseX,mouseY,pmouseX,pmouseY);

 }

}

藉由改變strokeWeight數值來改變筆刷大小

void setup(){

  size(500,500);

  rect(0,0,100,100); ellipse(50,50,8,8);

  rect(0,100,100,100); ellipse(50,150,4,4);

}

void draw(){

  if(mousePressed){

    if(mouseX<100){

      if(mouseY<100) strokeWeight(8);

      else if(mouseY<200) strokeWeight(4);

    }else line(mouseX,mouseY,pmouseX,pmouseY);

  }

}

衍生練習

用fill把粗細改成顏色不同

void setup(){

  size(500,500);

  fill(#FF0505);rect(0,50,50,50);

  fill(#FFB005);rect(0,100,50,50);

  fill(#D0FF05);rect(0,150,50,50);

  fill(#05FF24);rect(0,200,50,50);

  fill(#05DCFF);rect(0,250,50,50);

  fill(#051BFF);rect(0,300,50,50);

  fill(#7905FF);rect(0,350,50,50);

  fill(#FF05EF);rect(0,400,50,50);

}

void draw(){

  if(mousePressed){

    if(mouseX<50){

      if(mouseY>1*50 && mouseY<1*50+50) stroke(#FF0505);

      if(mouseY>2*50 && mouseY<2*50+50) stroke(#FFB005);

      if(mouseY>3*50 && mouseY<3*50+50) stroke(#D0FF05);

      if(mouseY>4*50 && mouseY<4*50+50) stroke(#05FF24);

      if(mouseY>5*50 && mouseY<5*50+50) stroke(#05DCFF);

      if(mouseY>6*50 && mouseY<6*50+50) stroke(#051BFF);

      if(mouseY>7*50 && mouseY<7*50+50) stroke(#7905FF);

      if(mouseY>8*50 && mouseY<8*50+50) stroke(#FF05EF);

    }else line(mouseX,mouseY,pmouseX,pmouseY);

  }

}