Βαρύτητα του Γεωργίου

Σε ορισμένα παιχνίδια υπάρχει δύναμη που τραβάει τα στοιχεία του παιχνιδιού σε μια κατεύθυνση, π.χ. η βαρύτητα τραβάει τα αντικείμενα προς το έδαφος.

βαρύτητα

Για να προσθέσετε αυτήν την ιδιότητα στη συνάρτηση κατασκευής του στοιχείου μας, προσθέστε πρώτα ένα βαρύτητα Ατομικό χαρακτηριστικό, το οποίο ρυθμίζει την τρέχουσα βαρύτητα. Στη συνέχεια, προσθέστε ένα gravitySpeed Παράμετροι, που αυξάνονται κάθε φορά που ενημερώνουμε το πλαίσιο:

Παράδειγμα

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.05;
  this.gravitySpeed = 0;
  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.newPos = function() {
    this.gravitySpeed += this.gravity;
    this.x += this.speedX;
    this.y += this.speedY + this.gravitySpeed;
    this.hitBottom();
  }
  this.hitBottom = function() {
    var rockbottom = myGameArea.canvas.height - this.height;
    if (this.y > rockbottom) {
      this.y = rockbottom;
    }
  }

Δοκίμασε το προσωπικά

Επιτάχυνση

Στο παιχνίδι, όταν υπάρχει δύναμη που τραβά το κουτί προς τα κάτω, πρέπει να σχεδιάσεις μια μέθοδο για να αναγκάσεις το στοιχείο να επιταχύνει.

Όταν κάποιος κάνει κλικ στο κουμπί, εκτελείται μια συνάρτηση που κάνει το κόκκινο κουτί να πετάει στον αέρα:

Παράδειγμα

<script>
function accelerate(n) {
  myGamePiece.gravity = n;
}
</script>
<μπανέλας με γεγονότα onmousedown="accelerate(-0.2)" onmouseup="accelerate(0.1)">Επιτάχυνση</μπανέλας>

Δοκίμασε το προσωπικά

Ένα παιχνίδι

Δημιούργησε ένα παιχνίδι με βάση τις γνώσεις που έχουμε μάθει μέχρι τώρα:

Παράδειγμα

Δοκίμασε το προσωπικά

Κάνε κλικ στο κουμπί ταχύτητας για να ξεκινήσεις το παιχνίδι.

Πόσο καιρό θα ζήσεις; Χρησιμοποίησε το κουμπί ταχύτητας για να παραμείνεις στον αέρα.