AI game creator

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

No:10581

←

Prev Next

→

Snake Game
Developer User4570｜Date and time 23/8/1 5:49:14
Build time 27.19 sec｜Game capacity 3.937KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de la Serpiente</title>
  <style>
    #game-board {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    .snake {
      width: 20px;
      height: 20px;
      position: absolute;
      background-color: green;
    }
    .food {
      width: 20px;
      height: 20px;
      position: absolute;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>
  <script>
    document.addEventListener("DOMContentLoaded", function(event) { 
      const gameBoard = document.getElementById("game-board");
      const gridSize = 20;
      const snakeSize = 20;
      const initialSnakeLength = 5;
      let snake = [];
      let food = {};
      let direction = "right";
      let gameLoopInterval;

function getRandomPosition() {
        return Math.floor((Math.random() * gridSize) + 1) * snakeSize;
      }

function handleKeyPress(event) {
        const key = event.keyCode;
        switch (key) {
          case 38: // up arrow
            if (direction !== "down")
              direction = "up";
            break;
          case 39: // right arrow
            if (direction !== "left")
              direction = "right";
            break;
          case 40: // down arrow
            if (direction !== "up")
              direction = "down";
            break;
          case 37: // left arrow
            if (direction !== "right")
              direction = "left";
            break;
        }
      }

function gameOver() {
        clearInterval(gameLoopInterval);
        alert("Game Over!");
      }

createSnake();
      createFood();
      gameLoopInterval = setInterval(moveSnake, 200);
      document.addEventListener("keydown", handleKeyPress);
    });
  </script>
</body>
</html>