Wie mache ich ein Objekt Bounce von Kante

Question

Ich mache ein einfaches Spiel in JavaScript und mit der Phaser-Bibliothek. Ich bin neu hier, also ist das hoffentlich keine dumme Frage.

Ich habe alles perfekt gemacht, aber ich würde gerne wissen, wie man die Steine ​​von den Wänden abprallt, anstatt sie durchzugehen und auf der anderen Seite zu erscheinen.

Es hat etwas mit dieser Funktion zu tun:

ich von jemandem

„gesagt wurde, wenn es Breite hits: 940 dann x = 940 und starten Sie 939 zurück, i--, etc Die Höhe wird normal weitergeführt, anstatt sie zurückzusetzen, zB .

Wenn Sie auf den Boden oder auf die Oberseite treffen, dann tun Sie das gleiche zur Höhe, wobei die Breite gleich bleibt. "

Ich bin mir jedoch nicht sicher, wie dies in den Code zu implementieren. Ich habe versucht, aber gescheitert :) Es ist sehr frustrierend, also jede Hilfe in dieser Sache wäre erstaunlich.

Danke.

Answer 1

Normalerweise erstelle ich einen Geschwindigkeitsvektor, der die "Geschwindigkeit" meiner Objekte darstellt. In jedem Frame füge ich diesen Geschwindigkeitsvektor zum Positionsvektor hinzu. Wenn ich möchte, dass sich mein Objekt in die entgegengesetzte Richtung bewegt, multipliziere ich meinen Vektor mit -1.

Erstellen Sie einen Vektor wie diesen, und wenn Ihr Objekt eine Kante kollidierte, multiplizieren Sie es mit -1.

Sie können eine Menge Dinge, mit dieser Art von Vektor machen, wie glatte Geschwindigkeitsabnahme, InSpace artigen Bewegungen etc ...

zB:

//on init 
var velocity = {x: 10; y: 10}; 
var pos = {x: 10; y:10}; 

//on frame update 
pos.x += velocity.x; 
pos.y += velocity.y 

//on edge collision 
velocity.x = velocity.x * -1; 
velocity.y = velocity.y * -1;