Spiel-Sprung

Dieser rote Quadrat springt, wenn er auf den Boden fällt:

Sprung

Eine weitere Funktion, die wir hinzufügen möchten, ist bounce Attribut.

bounce Das Attribut zeigt an, ob der Gegenstand springt, wenn er durch die Schwerkraft auf den Boden fällt.

bounce Die Wertangaben müssen numerisch sein. 0 bedeutet, dass der Gegenstand nicht springt, 1 lässt den Gegenstand bis zur Ausgangsposition zurückspringen.

实例

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

Selbst ausprobieren