目标描述:
如下图所示:
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;
}
}
}