Stopp zwei Rechtecke aus

Question

Diese kleine Welt sich schneid enthält eine Person (blaues Rechteck), und einen Baum (großes grünes Rechteck). Die Person kann durch Drücken der Tasten nach oben, unten, links, rechts auf der Tastatur gesteuert werden. Das blaue Rechteck bewegt sich nur, wenn die Tasten gedrückt werden. Das blaue Rechteck darf nicht aus der Karte verschwinden (d. H. Darf nicht aus dem grauen Bereich herauskommen) und darf das grüne Rechteck nicht überlappen.

Ich bin der Methode bewusst von den blauen Rechteck zu verhindern, dass die Grauzone aussteigen:

if (blueRect.rightEdge >= (canvas.width - 1)) { 
    // Don't allow going further to the right 
    // But allow going up, down, and to the left 
} 

// Check the same thing for the other sides of the grey area 

Was ich nicht sicher bin, ist, wie die beiden Rechtecke aus sich kreuz zu verhindern.

In der obigen Abbildung, wie kann ich "deaktivieren" nach rechts gehen (um eine Kreuzung zu verhindern)? Ich wäre immer noch gerne in der Lage, nach oben, nach unten und nach links zu gehen.

Answer 1

Mit was Sie zu tun haben heißt collision detection. Ich glaube nicht, dass es eine einfache Antwort gibt, die immer zutrifft.

jedoch in Ihrem Fall, da Sie einfache Rechtecke haben, können Sie überprüfen, ob eine der vier Ecken des KLEINER Rechteck innerhalb des GRÖSSER Rechteck ist.

Wenn Sie nicht wissen, welche kleiner und welche größer ist, können Sie in beide Richtungen prüfen (d. H. Ist die Ecke von Rechteck A innerhalb von Rechteck B und dann, wenn die Ecke von Rechteck B innerhalb von Rechteck A ist). Stellen Sie sicher, dass Sie> = und < = verwenden, um diese lästige Randbedingung zu erfassen.

Vielleicht so etwas wie dies angemessen ist (Pseudo-Code):

nextLocation = translate(rectangleA, "up") 
if (isIntersecting(rectangleB, nextLocation)) { 
    error("collision!") 
} else { 
    rectangleA = nextLocation 
}