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