Este cuadrado rojo rebota cuando golpea el suelo:
Fuerte
Otra funcionabilidad queremos añadir es el bounce la propiedad.
El bounce propiedad indica si el componente se recuperará cuando la gravedad hace que se caiga al suelo.
El valor de la propiedad de rebote debe ser un número. 0 es sin rebote en absoluto, y 1 hará que el componente rebotar todo el camino backto donde comienzan a caer.
Ejemplo
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);
}
}
} Inténtalo tú mismo "