谷歌小恐龙代码 js
时间: 2024-06-09 20:10:15 浏览: 16
谷歌小恐龙游戏的JavaScript代码可以如下所示:
```javascript
var dino = document.getElementById("dino");
var cactus = document.getElementById("cactus");
var score = 0;
function jump() {
if (dino.classList != "jump") {
dino.classList.add("jump");
setTimeout(function() {
dino.classList.remove("jump");
}, 300);
}
}
var gameLoop = setInterval(function() {
var dinoTop = parseInt(window.getComputedStyle(dino).getPropertyValue("top")); var cactusLeft = parseInt(window.getComputedStyle(cactus).getPropertyValue("left"));
if (cactusLeft < 50 && cactusLeft > 0 && dinoTop >= 140) {
alert("Game Over! Your score: " + score);
score = 0;
} else {
score++;
document.getElementById("scoreSpan").innerHTML = score;
}
}, 10);
document.addEventListener("keydown", function(event) {
if (event.keyCode === 32) {
jump();
}
});
```
这段代码实现了谷歌小恐龙游戏的基本逻辑。通过按下空格键,恐龙可以跳起来避开仙人掌。游戏中的得分会在页面上更新显示。当恐龙与仙人掌碰撞时,弹出游戏结束的提示框,并重置得分。