Rougelike蛇饲料游戏's game

Click here for free DL of the app version that can save data.

No:12834

104

←

Prev Next

→

Rougelike蛇饲料游戏
Developer User5583｜Date and time 23/8/23 23:09:38
Build time 47.825 sec｜Game capacity 3.297KB｜

Script

好的，这里是一个简单的蛇饲料游戏的 HTML 文件：

此代码将创建一个简单的蛇饲料游戏，您可以在手机上玩它。蛇用绿色的方块表示，食物用红色的方块表示。您可以使用方向键（上、下、左、右）来控制蛇的移动方向。游戏在蛇触碰到边界或自己的身体时结束，此时会弹出一个警示框提示游戏结束。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

Click here for free DL of the app version that can save data.

好的，这里是一个简单的蛇饲料游戏的 HTML 文件：

```html
<!DOCTYPE html>
<html>
<head>
  <title>蛇饲料游戏</title>
</head>
<body>

// 蛇的初始位置
    let snake = [{ x: 200, y: 200 }];

// 食物的初始位置
    let food = { x: 100, y: 100 };
    
    // 蛇移动的默认方向
    let direction = "right";

// 监听移动事件
    document.addEventListener("keydown", changeDirection);

// 改变蛇移动方向的函数
    function changeDirection(event) {
      const key = event.keyCode;
      if (key === 37 && direction !== "right") {  // 左
        direction = "left";
      } else if (key === 38 && direction !== "down") {  // 上
        direction = "up";
      } else if (key === 39 && direction !== "left") {  // 右
        direction = "right";
      } else if (key === 40 && direction !== "up") {  // 下
        direction = "down";
      }
    }

// 绘制游戏画面的函数
    function drawGame() {
      // 清空画布
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// 绘制蛇
      for (let i = 0; i < snake.length; i++) {
        ctx.fillStyle = "green";
        ctx.fillRect(snake[i].x, snake[i].y, 20, 20);
      }

// 绘制食物
      ctx.fillStyle = "red";
      ctx.fillRect(food.x, food.y, 20, 20);
    }

// 更新游戏状态的函数
    function updateGame() {
      // 根据方向更新蛇的位置
      let newX = snake[0].x;
      let newY = snake[0].y;

if (direction === "right") {
        newX += 20;
      } else if (direction === "left") {
        newX -= 20;
      } else if (direction === "up") {
        newY -= 20;
      } else if (direction === "down") {
        newY += 20;
      }

// 将新的头部添加到蛇的数组中
      const newHead = { x: newX, y: newY };
      snake.unshift(newHead);

// 如果蛇吃到食物，则更新食物位置
      if (newX === food.x && newY === food.y) {
        food.x = Math.floor(Math.random() * 20) * 20;
        food.y = Math.floor(Math.random() * 20) * 20;
      } else {
        // 如果蛇没有吃到食物，则移除蛇尾
        snake.pop();
      }

// 检测游戏结束条件
      if (newX < 0 || newX >= canvas.width || newY < 0 || newY >= canvas.height) {
        clearInterval(gameInterval);
        alert("游戏结束！");
      }

for (let i = 1; i < snake.length; i++) {
        if (newX === snake[i].x && newY === snake[i].y) {
          clearInterval(gameInterval);
          alert("游戏结束！");
        }
      }

// 绘制游戏画面
      drawGame();
    }

// 每200毫秒更新一次游戏状态
    const gameInterval = setInterval(updateGame, 200);

</script>
</body>
</html>
```