不能用Python 代码写;请写一个可以用电脑直接打开的小游戏
时间: 2024-01-02 08:02:23 浏览: 167
好的,下面是一个简单的小游戏,使用 HTML、CSS 和 JavaScript 编写,可以用电脑直接打开。这个游戏称为“打地鼠”,玩家需要在限定时间内打掉尽可能多的地鼠,每打中一个地鼠得 1 分,时间结束后显示得分。代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打地鼠游戏</title>
<style>
/* 地鼠和游戏区域样式 */
.mole {
width: 100px;
height: 100px;
background-image: url('mole.png');
background-size: cover;
position: absolute;
display: none;
}
.game-area {
width: 600px;
height: 400px;
background-color: #9dc183;
position: relative;
margin: 0 auto;
}
/* 分数和时间样式 */
.score {
font-size: 30px;
text-align: center;
}
.time {
font-size: 30px;
text-align: center;
}
</style>
</head>
<body>
<div class="game-area">
<div class="mole"></div>
<div class="mole"></div>
<div class="mole"></div>
<div class="mole"></div>
<div class="mole"></div>
<div class="mole"></div>
</div>
<div class="score">得分:0</div>
<div class="time">剩余时间:60 秒</div>
<script>
// 获取元素
const moles = document.querySelectorAll('.mole');
const score = document.querySelector('.score');
const time = document.querySelector('.time');
// 初始化分数和时间
let totalScore = 0;
let remainingTime = 60;
score.innerText = `得分:${totalScore}`;
time.innerText = `剩余时间:${remainingTime} 秒`;
// 随机显示地鼠
function showMole() {
const randomIndex = Math.floor(Math.random() * moles.length);
const mole = moles[randomIndex];
mole.style.display = 'block';
setTimeout(() => {
mole.style.display = 'none';
}, 1000);
}
// 点击地鼠得分
function hitMole(event) {
if (event.target.classList.contains('mole')) {
totalScore += 1;
score.innerText = `得分:${totalScore}`;
}
}
// 定时器控制地鼠显示和隐藏
const timer = setInterval(() => {
showMole();
}, 1000);
// 倒计时结束游戏
const countdown = setInterval(() => {
remainingTime -= 1;
time.innerText = `剩余时间:${remainingTime} 秒`;
if (remainingTime === 0) {
clearInterval(timer);
clearInterval(countdown);
alert(`游戏结束!得分:${totalScore}`);
}
}, 1000);
// 点击地鼠得分
document.addEventListener('click', hitMole);
</script>
</body>
</html>
```
你可以将这段代码保存为一个 HTML 文件,例如 `whack-a-mole.html`,然后使用浏览器打开这个文件即可开始游戏。当然,你也可以根据自己的喜好和需要,修改游戏样式、游戏规则等内容。
阅读全文