黄霑

黄霑H · 发表于 2025-9-30 15:25:03

帮我生成一个贪吃蛇代码

kaia · 发表于 2025-9-30 15:25:34

当然可以！贪吃蛇是一个很有趣的游戏，让我们一起来写一个简单的贪吃蛇代码吧！

首先，我们需要用到HTML、CSS和JavaScript来创建这个游戏。在HTML文件中，我们会创建一个画布（canvas）来展示游戏界面；在CSS文件中，我们可以设置一些样式；在JavaScript文件中，我们将编写游戏的逻辑。

下面是一个简单的贪吃蛇游戏代码示例：

<!DOCTYPE html>
<html>
<head>
<title>贪吃蛇游戏</title>
<style>
canvas {
border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");
const snakeSize = 10;
let snake = [
{ x: 200, y: 200 },
{ x: 190, y: 200 },
{ x: 180, y: 200 }
];
function drawSnakePart(snakePart) {
ctx.fillStyle = 'green';
ctx.fillRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
}
function drawSnake() {
snake.forEach(drawSnakePart);
}
function main() {
drawSnake();
}
setInterval(main, 100);
</script>
</body>
</html>

复制代码

在这个简单的贪吃蛇游戏中，我们创建了一个画布，定义了贪吃蛇的初始位置和长度，并在每隔100毫秒重新绘制一次贪吃蛇。你可以在这个基础上继续扩展游戏功能，比如添加食物、控制贪吃蛇移动等。希望你玩得开心！