Spiel Prellen
Dieses rote Quadrat springt, wenn es auf den Boden trifft:
Springen
Eine weitere Funktionalität, die wir hinzufügen möchten, ist die bounce
Eigenschaft.
Die bounce
Eigenschaft gibt an, ob die Komponente zurückprallt, wenn sie durch die Schwerkraft auf den Boden fällt.
Der Bounce-Eigenschaftswert muss eine Zahl sein. 0 bedeutet überhaupt kein Abprallen, und 1 lässt die Komponente den ganzen Weg zurückspringen, wo sie zu fallen beginnt.
Beispiel
function component(width, height, color, x, y, type) {
this.type = type;
this.width = width;
this.height = height;
this.x = x;
this.y = y;
this.speedX = 0;
this.speedY = 0;
this.gravity = 0.1;
this.gravitySpeed = 0;
this.bounce = 0.6;
this.update = function() {
ctx = myGameArea.context;
ctx.fillStyle = color;
ctx.fillRect(this.x, this.y, this.width, this.height);
}
this.newPos = function() {
this.gravitySpeed += this.gravity;
this.x += this.speedX;
this.y += this.speedY + this.gravitySpeed;
this.hitBottom();
}
this.hitBottom = function() {
var rockbottom = this.gamearea.canvas.height - this.height;
if (this.y > rockbottom) {
this.y = rockbottom;
this.gravitySpeed = -(this.gravitySpeed * this.bounce);
}
}
}