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