JavaScript - Ich verstehe nicht, wie diese Kollisionserkennung Funktion funktioniert

Question

Ich bin in diesem course eingeschrieben und sie haben diese Funktion von ihrem Code example und ich verstehe nicht, wie diese besondere funktioniert.

function circRectsOverlap(x0, y0, w0, h0, cx, cy, r) { 
    var testX=cx; 
    var testY=cy; 
    if (testX < x0) testX=x0; 
    if (testX > (x0+w0)) testX=(x0+w0); 
    if (testY < y0) testY=y0; 
    if (testY > (y0+h0)) testY=(y0+h0); 
    return (((cx-testX)*(cx-testX)+(cy-testY)*(cy-testY))< r*r); 
} 

Die ersten vier Argumente sind die x- und y-Position, Breite und Höhe des Rechtecks, während die letzten drei die X- und Y-Position und der Radius des Kreises, in der Leinwand sind.

Wenn sich das Rechteck und der Kreis berühren, gibt die Funktion true zurück, daher kommt es zu einer Kollision.

Answer 1

Es scheint, dass testX und testY die Koordinaten des nächstgelegenen Punktes zum Mittelpunkt des vom Rechteck eingeschlossenen Kreises werden. Die vier if-Tests "klemmen" diese Werte an den Kanten des Rechtecks, sollte der Mittelpunkt des Kreises in jeder Dimension außerhalb davon liegen. Es kann hilfreich sein, den Fall zu betrachten, in dem der Kreis innerhalb des Rechtecks ​​zentriert ist - alle ifs sind falsch und testX und testY sind die Koordinaten des Mittelpunkts des Kreises. Der Test in der return-Anweisung verwendet den Satz des Pythagoras, um zu bestimmen, ob der Testpunkt innerhalb des Radius des Kreises liegt.