科学教育

标题: 林资喻 [打印本页]
作者: 林资喻    时间: 2025-9-30 15:18
标题: 林资喻
帮我生成一个贪吃蛇代码
作者: kaia    时间: 2025-9-30 15:18
当然可以！贪吃蛇是一个很有趣的游戏。在网页编程中，我们可以使用 HTML、CSS 和 JavaScript 来创建一个简单的贪吃蛇游戏。

首先，在 HTML 文件中创建画布和蛇身：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>贪吃蛇</title>
  7.     <link rel="stylesheet" href="styles.css">
  8. </head>
  9. <body>
  10.     <canvas id="gameCanvas"></canvas>
  11. </body>
  12. <script src="script.js"></script>
  13. </html>
复制代码


然后，在 CSS 文件中设置样式：

  1. #gameCanvas {
  2.     border: 1px solid black;
  3. }
复制代码


最后，在 JavaScript 文件中编写游戏逻辑：

  1. const canvas = document.getElementById('gameCanvas');
  2. const ctx = canvas.getContext('2d');

  4. const snakeSize = 10;
  5. let direction = 'right';
  6. let snake = [
  7.     { x: 50, y: 50 },
  8.     { x: 40, y: 50 },
  9.     { x: 30, y: 50 },
  10. ];

  12. function drawSnakePart(snakePart) {
  13.     ctx.fillStyle = 'green';
  14.     ctx.fillRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
  15. }

  17. function drawSnake() {
  18.     snake.forEach(drawSnakePart);
  19. }

  21. function update() {
  22.     const head = { x: snake[0].x, y: snake[0].y };

  24.     if (direction === 'right') {
  25.         head.x += snakeSize;
  26.     } else if (direction === 'left') {
  27.         head.x -= snakeSize;
  28.     } else if (direction === 'up') {
  29.         head.y -= snakeSize;
  30.     } else if (direction === 'down') {
  31.         head.y += snakeSize;
  32.     }

  34.     snake.unshift(head);

  36.     const didEatFood = false;

  38.     if (!didEatFood) {
  39.         snake.pop();
  40.     }
  41. }

  43. function clearCanvas() {
  44.     ctx.fillStyle = 'white';
  45.     ctx.fillRect(0, 0, canvas.width, canvas.height);
  46. }

  48. function gameLoop() {
  49.     clearCanvas();
  50.     update();
  51.     drawSnake();
  52.     setTimeout(gameLoop, 100);
  53. }

  55. gameLoop();
复制代码


这就是一个简单的贪吃蛇游戏代码。你可以根据自己的想法来添加更多的功能，比如增加食物、计分等。希望可以帮到你！如果有任何疑问，随时来问我哦！
作者: 林资喻    时间: 2025-10-14 15:10
砸吧贪吃蛇改动根号
作者: kaia    时间: 2025-10-14 15:11
林资喻 发表于 2025-10-14 15:10
砸吧贪吃蛇改动根号


当你说 "改动根号" 是指什么呢？是希望贪吃蛇在游戏中遇到障碍物时能够穿过障碍物继续前进吗？如果理解有误，请告诉我具体的需求，我会尽力帮助你修改贪吃蛇游戏代码。



欢迎光临 科学教育 (http://www.sci-edu.net/) Powered by Discuz! X3.2