processing學習實例（1）點擊區域實現顏色改變

目標描述：

如下圖所示：

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;
      }
  }
}