微信小游戏代码

微信小游戏代码

以下是一个简单的微信小游戏代码示例，使用了JavaScript和HTML5 Canvas来创建一个基础的“打地鼠”游戏。用户需要点击屏幕上的地鼠以得分。

HTML部分：
```html

```

JavaScript部分（game.js）：
```javascript
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
let moleX = Math.random() * canvas.width;
let moleY = Math.random() * canvas.height;
let score = 0;

canvas.addEventListener('click', (e) => {
const rect = canvas.getBoundingClientRect();
const clickX = e.clientX - rect.left;
const clickY = e.clientY - rect.top;
if (clickX > moleX - 25 && clickX moleX + 25 && clickY > moleY - 25 && clickY < moleY + 25) {
score++;
moleX = Math.random() * canvas.width;
moleY = Math.random() * canvas.height;
}
});

function drawMole() {
ctx.fillStyle = 'brown';
ctx.fillRect(moleX - 25, moleY - 25, 50, 50);
}

function gameLoop() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawMole();
requestAnimationFrame(gameLoop);
}

gameLoop();
```

这个简单的游戏会随机在地面上生成一个地鼠，用户点击地鼠时会得分，并且地鼠会重新随机出现在另一个位置。2024-11-12