AI game creator

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

No:24540

←

Prev Next

→

ヘビゲーム
Developer User11656｜Date and time 23/11/9 20:31:01
Build time 82.189 sec｜Game capacity 3.043KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: black;
      }
      #game-board {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
      }
      #snake {
        height: 25px;
        width: 25px;
        background-color: green;
      }
      #food {
        height: 25px;
        width: 25px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

function createSnake() {
        snake.style.left = snakeX + "px";
        snake.style.top = snakeY + "px";
        snake.classList.add("snake");
        gameBoard.appendChild(snake);
      }

function createFood() {
        foodX = Math.floor(Math.random() * 20) * 25;
        foodY = Math.floor(Math.random() * 20) * 25;
        food.style.left = foodX + "px";
        food.style.top = foodY + "px";
        food.classList.add("food");
        gameBoard.appendChild(food);
      }

function moveSnake() {
        switch (direction) {
          case "up":
            snakeY -= 25;
            break;
          case "down":
            snakeY += 25;
            break;
          case "left":
            snakeX -= 25;
            break;
          case "right":
            snakeX += 25;
            break;
        }

if (
          snakeX < 0 ||
          snakeY < 0 ||
          snakeX >= gameBoard.offsetWidth ||
          snakeY >= gameBoard.offsetHeight
        ) {
          endGame();
        }

snake.style.left = snakeX + "px";
        snake.style.top = snakeY + "px";

if (snakeX === foodX && snakeY === foodY) {
          score++;
          food.remove();
          createFood();
        }
      }

function changeDirection(event) {
        const key = event.keyCode;

switch (key) {
          case 38:
            if (direction !== "down") {
              direction = "up";
            }
            break;
          case 40:
            if (direction !== "up") {
              direction = "down";
            }
            break;
          case 37:
            if (direction !== "right") {
              direction = "left";
            }
            break;
          case 39:
            if (direction !== "left") {
              direction = "right";
            }
            break;
        }
      }

function endGame() {
        clearInterval(gameInterval);
        alert("Game Over! Score: " + score);
        location.reload();
      }

createSnake();
      createFood();
      document.addEventListener("keydown", changeDirection);
      const gameInterval = setInterval(moveSnake, speed);
    </script>
  </body>
</html>