Wie Kollision von Halbkreisen in HTML5 Canvas zu erkennen?

Question

Ich schreibe eine Kollisionserkennung von zwei Kreisen. Aber was ich wirklich will, ist, dass das Hauptobjekt nur mit anderen Objekten auf der Hälfte seiner Oberfläche, wie das Bild unten zeigt kollidieren:

Die Halb cricle Oberfläche mit anderen Kreisen aus verschiedenen Richtungen zu kollidieren wird . Wie sollte ich die Funktion schreiben, um dies zu simulieren?

Was ich im Moment für zwei Kreise Erkennung ist wie folgt herausgefunden:

var dx = circle1.x - circle2.x; 
var dy = circle1.y - circle2.y; 
var distance = Math.sqrt(dx * dx + dy * dy); 

if (distance < circle1.radius + circle2.radius) { 
    // collision detected! 
} 

Aber wie wäre es nur die Hälfte des Hauptkreis einlässt? Wie steht es damit, dass nur ein Bruchteil der Kreisfläche in die Kollision verwickelt wird? Sagen nur Math.PI/2 Grad des Kreises wird die Kollision erkennen?

Answer 1

Angenommen, Ihr Code zur Kollisionserkennung ist korrekt (ich habe ihn nicht getestet), Sie müssen nur bestimmen, welcher Kreis weiter rechts liegt, um zu wissen, welcher kollidiert.

Beachten Sie, dass Ihr Halbkreis im Bild circle1 ist.

if (distance < circle1.radius + circle2.radius) { 
    // collision detected! 
    if(circle1.x < circle2.x){ 
     // Circle collided on the right side of the other circle, 
     // which means it's a real collision.. 
    } 
} 

Answer 2

Kann dieser Halbkreis rotieren? Wenn nicht, dann ist es ziemlich einfach: Kollision passiert nur auf der rechten Seite, was bedeutet, dass Sie nur zwischen half_circle_center.x_position und half_circle_center.x_position + half_circle.radius