AI game creator

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

No:11232

119

←

Prev Next

→

Snake Game
Developer User4852｜Date and time 23/8/8 22:04:21
Build time 47.78 sec｜Game capacity 4.479KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>贪吃蛇游戏</title>
    <style>
      #game-board {
        width: 400px;
        height: 400px;
        border: 1px solid black;
        margin: 0 auto;
        position: relative;
      }
      
      .cell {
        width: 20px;
        height: 20px;
        background-color: lightgreen;
        border: 1px solid green;
        position: absolute;
      }
      
      #snake-head {
        background-color: darkgreen;
      }
      
      #food {
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

// 生成一个随机位置
      function getRandomPosition() {
        return Math.floor(Math.random() * totalCells);
      }

// 监听用户按键事件来改变蛇的方向
      document.addEventListener("keydown", function(event) {
        if (event.key === "ArrowUp" && direction.y !== 1) {
          direction = { x: 0, y: -1 };
        } else if (event.key === "ArrowDown" && direction.y !== -1) {
          direction = { x: 0, y: 1 };
        } else if (event.key === "ArrowLeft" && direction.x !== 1) {
          direction = { x: -1, y: 0 };
        } else if (event.key === "ArrowRight" && direction.x !== -1) {
          direction = { x: 1, y: 0 };
        }
      });

// 更新游戏状态
      function updateGame() {
        // 更新贪吃蛇的位置
        const newHead = { x: snake[0].x + direction.x, y: snake[0].y + direction.y };
        snake.unshift(newHead);
        
        // 检查是否碰到边界或自身
        if (
          newHead.x < 0      ||
          newHead.y < 0      ||
          newHead.x >= totalCells ||
          newHead.y >= totalCells ||
          snake.some((part, index) => index !== 0 && part.x === newHead.x && part.y === newHead.y)
        ) {
          isGameOver = true;
        }
        
        // 检查是否吃到食物
        if (snake[0].x === food.x && snake[0].y === food.y) {
          // 生成新的食物位置
          food = { x: getRandomPosition(), y: getRandomPosition() };
        } else {
          // 移除最后一个蛇的部分（尾巴）
          snake.pop();
        }
        
        // 绘制蛇和食物
        drawSnakeAndFood();
        
        // 如果游戏未结束，继续更新游戏状态
        if (!isGameOver) {
          gameTimer = setTimeout(updateGame, 200);
        }
      }
      
      // 开始游戏
      function startGame() {
        // 初始化游戏状态
        snake = [{ x: 10, y: 10 }];
        direction = { x: 0, y: 0 };
        food = { x: getRandomPosition(), y: getRandomPosition() };
        isGameOver = false;
        
        // 绘制初始蛇和食物
        drawSnakeAndFood();
        
        // 开始更新游戏状态
        gameTimer = setTimeout(updateGame, 200);
      }

// 初始化游戏
      startGame();
    </script>
  </body>
</html>