Trò chơi nảy
Hình vuông màu đỏ này nảy lên khi nó chạm sàn:
Nảy
Một chức năng khác mà chúng tôi muốn thêm là thuộc bouncetính.
Thuộc bouncetính cho biết nếu thành phần sẽ bật trở lại khi trọng lực làm cho nó rơi xuống đất.
Giá trị thuộc tính thoát phải là một số. 0 hoàn toàn không bị trả lại, và 1 sẽ làm cho thành phần bị bật ngược trở lại nơi nó bắt đầu rơi.
Thí dụ
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);
}
}
}