目標描述：

如下圖所示：

1、點選藍色區域使白色區域白黑變換；

2、點選其他地方實現黑色區域黑白變換；

要點：點選某一區域實現特定功能

思路：要實現點選某一區域實現特定功能，要用的 mouseClicked() 函式，在其中定義點選事件。

對於區域的選定，用到程式碼 

 if (mouseX>350 && mouseX<450 &&mouseY>50 &&mouseY<150) {}

他限定了藍色區域的範圍，使程式碼

if(value==0){
        value = 255;
      } else {
        value = 0;
      }
 

else{}

 if(value1==0){
        value1 = 255;
      } else {
        value1 = 0;
      }

----------------------------------華麗的分割線------------------------------------

全部程式碼如下：

int value=0;
int value1=0;
void setup() {
  size(500,200);
  textSize(20);
  text("mouseClik change the color",width/2-100,30);
  

}

void draw() {
  fill(value1);                 //middle size
  rect(150,50,100,100);
  fill(0, 102, 153);
  textSize(32);
  text("stop",170,100);
  
  fill(value);                 //left size
  rect(50, 50, 100, 100);
  fill(0, 102, 153);
  textSize(32);
  text("start",70,100);
  
    
  fill(62, 120, 253);            //right size
  rect(350,50,100,100);
  fill(62, 120, 253);
  textSize(32);
  text("stop",170,100);
}

void mouseClicked() {
  if (mouseX>350 && mouseX<450 &&mouseY>50 &&mouseY<150) {
    if(value==0){
        value = 255;
      } else {
        value = 0;
      }
  }else{
      if(value1==0){
        value1 = 255;
      } else {
        value1 = 0;
      }
  }
}