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

Question

前提・実現したいこと

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/ツールのバージョンなど）

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

Comments

[y_waiwai]

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

[honey_8t1]

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

Answer 1

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

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

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() {
  color c = get(mouseX, mouseY); 
  fill(c);
  rect(150, 80, 200, 150);
}

Comments

[honey_8t1]

そのようにまとめればよかったのですね。とても助かりました！ありがとうございます。