processing学习实例（1）点击区域实现颜色改变

来源：互联网发布：软件需求调研表编辑：程序博客网时间：2024/04/29 15:09

目标描述：

如下图所示：

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