Game Sprong

Deze rode rechthoek zal omhoog springen wanneer hij op de grond landt:

bounce

Een andere functie die we toevoegen is bounce Eigenschap.

bounce Eigenschap die aangeeft of het component zal springen als het door zwaartekracht op de grond valt.

bounce Eigenschappen moeten numerieke waarden zijn. 0 betekent dat het component niet terugspringt, terwijl 1 het component terug zal laten springen naar de oorspronkelijke valpositie.

实例

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);
    }
  }
}

Probeer het zelf