processing イライラ棒の当たり判定について

Question

processingにてイライラ棒をつくりたいのですが、変な部分に当たり判定が生まれてしまいました。
真ん中の線分の上部分です。この当たり判定をなくすためにはどうすればよいでしょうか。

////////////////////////////////////////////////////////////////////////
int radius=40;

void setup() {
size(600, 600);
}

void draw() {
background(255);
stroke(0);
strokeWeight(2);
line(width/4, 0, width/4, 450);
line(width/2, 150, 300, height);
line(width/43, 0, width/43, 450);
fill(150);
if (doesCollide(mouseX, mouseY, width/4, 450)) {
fill(255, 0, 0);
} else if (doesCollide(mouseX, mouseY, 300, height)) {
fill(255, 0, 0);
} else if (doesCollide(mouseX, mouseY, width/43, 450)) {
fill(255, 0, 0);
} else {
fill(100);
}
ellipse(mouseX, mouseY, radius2, radius*2);
}
boolean doesCollide(int x, int y, int xTip, int yTip) {
float d = dist(x, y, xTip, yTip);
if (d <= radius) {
return true;
} else if ((abs(x - xTip) <= radius) && (y <= yTip)) {
return true;
} else {
return false;
}
}
////////////////////////////////////////////////////////////////////////

Comments

[y_waiwai]

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

[t0yu]

初めてこのサイトを使うので、機能などよく分かっていませんでした。教えていただき、ありがとうございます。

Answer 1

変な部分に当たり判定が生まれてしまいました。

doesCollideは↓の図通り、「上からつり下がる垂直な線分」しか考慮していないからです。
垂直な線分と円の接触

この当たり判定をなくすためにはどうすればよいでしょうか。

単純に解決するなら「下から立ち上がる垂直な線分」用の、doesCollide2関数を作ったらどうでしょうか。

int radius = 40;

void setup() {
  size(600, 600);
  stroke(0);
  strokeWeight(2);
}

void draw() {
  background(255);

  line(width/4, 0, width/4, 450);
  line(width/2, 150, width/2, height);
  line(width/43, 0, width/43, 450);

  if (doesCollide(mouseX, mouseY, width/4, 450)) {
    fill(255, 0, 0);
  } else if (doesCollide2(mouseX, mouseY, width/2, 150)) {
    fill(255, 0, 0);
  } else if (doesCollide(mouseX, mouseY, width/43, 450)) {
    fill(255, 0, 0);
  } else {
    fill(100);
  }

  circle(mouseX, mouseY, radius*2);
}

boolean doesCollide(int x, int y, int xTip, int yTip) {
  float d = dist(x, y, xTip, yTip);
  return d <= radius || abs(x - xTip) <= radius && y <= yTip;
}

boolean doesCollide2(int x, int y, int xTip, int yTip) {
  float d = dist(x, y, xTip, yTip);
  return d <= radius || abs(x - xTip) <= radius && y >= yTip;
}

---

任意の線分と円の当たり判定を作ればより汎用的になりますが、「イライラ棒」の仕様次第ですかね。

円と線分の当たり判定を行うには | 自己啓発。人生について考える

Collision Detection

Comments

[t0yu]

初心者にもわかりやすい言葉で回答していただきありがとうございます。TN8001さんのコードを参考にして、また1から作り直してみます。ありがとうございました。

Answer 2

どうすればって...これだけしか条件がないのですから、どれで引っかかっているのかを調べて、見直す。それ以外になにかありますか?

doesCollide()関数は、(障害物が垂直線だとの前提で) x軸方向が線から半径以内で、y軸方向が指定点より上にあることを検出しています。
これを、doesCollide(mouseX, mouseY, 300, height)として呼び出せば、
(abs(x - xTip) <= radius) && (y <= yTip) の条件においてyTipはheightなのですから、画面の上から下まで全てが当たり判定にかかることになります。

doesCollide()関数には、引数としてマウス座標のx,y, 障害物のx位置と、上端下端それぞれのy位置を渡して検査させるようにしないといけないのでは。

Comments

[t0yu]

初歩的な質問で申し訳ないです。この分野に触れたばかりで、自分で見てもわからなかったので質問させていただきました。こんな質問にわかりやすい回答をしていただき、ありがとうございました。