processing　何度もクリックできるようにするには

前提・実現したいこと

processingで色のついた丸をクリックしたら四角の色が変わるようにしたいのですが、
一度クリックしたらほかの丸をクリックしても色が変わってくれず苦戦しています。
何度クリックしても変わるようにしたいです。そしてなるべく簡単なコードで作りたいと考えています。

該当のソースコード

float x;
float y;
float mouseX;
float mouseY;

void setup(){
size(500,500);
background(255,255,255);
rect(150,80,200,150);


fill(255,249,137);//egg
ellipse(85,350,100,100);
fill(154,232,234);//milk
ellipse(250,350,100,100);
fill(252,173,69);//flour
ellipse(415,350,100,100);
}

void draw(){
  
}

void mouseClicked(){
 
  if (x,y,mouseX,mouseY) <= 140){
    fill(255,249,137);
    rect(150,80,200,150);
  }
  if(x >=140){
    fill(154,232,234);
    rect(150,80,200,150);
  } 
 if(x >=300){
    fill(252,173,69);//flour
    rect(150,80,200,150);
}
}

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

y_waiwai

2020/01/07 09:12

このままではコードが読みづらいので、質問を編集し、<code>ボタンを押し、出てくる’’’の枠の中にコードを貼り付けてください

honey_8t1

2020/01/07 16:20

ご指摘ありがとうございました！

行動規範の内容に同意します

回答1件

ベストアンサー

なるべく簡単なコードで作りたい

となるとこんな感じですかね（ふちの色も拾ってしまいますが）

Processing
1void setup() {
2  size(500, 500);
3  background(255, 255, 255);
4  rect(150, 80, 200, 150);
5
6  fill(255, 249, 137);//egg
7  ellipse(85, 350, 100, 100);
8  fill(154, 232, 234);//milk
9  ellipse(250, 350, 100, 100);
10  fill(252, 173, 69);//flour
11  ellipse(415, 350, 100, 100);
12}
13void draw() {
14}
15void mouseClicked() {
16  color c = get(mouseX, mouseY); 
17  fill(c);
18  rect(150, 80, 200, 150);
19}