پرش بازی

این مربع قرمز هنگام برخورد با زمین پرتاب می‌شود:

پرتاب

یکی دیگر از ویژگی‌هایی که باید اضافه کنیم bounce ویژگی.

bounce این ویژگی نشان‌دهنده آن است که آیا عنصر هنگام برخورد با زمین بازمی‌گردد یا خیر.

bounce مقدارهای باید اعداد باشند. 0 نشان‌دهنده عدم بازگشت کامل است، 1 باعث می‌شود که عنصر به موقعیت اولیه خود بازگردد.

مثال

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

خودتان امتحان کنید