Ultimele tutoriale de dezvoltare web
 

HTML joc Bouncing


Acest pătrat roșu ricoșează când va atinge podeaua:




Viguros

Un alt functionallity dorim să adăugați este bounce proprietatea.

bounce Proprietatea indică dacă componenta va sări înapoi atunci când gravitația face să cadă la pământ.

Valoarea proprietății de respingere trebuie să fie un număr. 0 este nici o saritura deloc, iar 1 va face componenta sări tot drumul backto unde începe care se încadrează.

Exemplu

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);
        }
    }
}
Încearcă - l singur »