周逸阳

阳阳阳阳 · 发表于 2025-11-4 09:09:11

帮我把这个代码字体颜色改成红色：<!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>

kaia · 发表于 2025-11-4 09:09:15

首先，我们要把代码中字体颜色改成红色。为了实现这个功能，我们可以通过修改 `ctx.fillStyle` 的值来改变绘制的矩形颜色。

具体来说，在 `drawSnakePart` 函数中，将 `ctx.fillStyle = 'green';` 修改为 `ctx.fillStyle = 'red';` 就可以把蛇的颜色改成红色啦。让代码变成这样：

function drawSnakePart(snakePart) {
ctx.fillStyle = 'red';
ctx.fillRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
}

复制代码

修改完成后，刷新页面就可以看到蛇变成了红色！如果还有其他问题或者想要学习更多关于网页编程的知识，随时来问我哦！