AI game creator

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

No:26990

150

←

Prev Next

→

Snake Game
Developer User13365｜Date and time 23/12/3 21:05:19
Build time 75.577 sec｜Game capacity 4.397KB｜

Script

Sure! Here's a simple implementation of the Snake Game using HTML and JavaScript, enclosed in script tags:

You can copy the above code into a single HTML file and open it in a web browser, and you will be able to play the Snake Game on your smartphone. The game board is displayed as a 400x400px square, and you control the snake using the arrow keys. The snake grows longer when it eats the food (red dot), and the game ends if the snake hits the wall or itself.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple implementation of the Snake Game using HTML and JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #game-board {
        width: 400px;
        height: 400px;
        border: 1px solid black;
        position: relative;
      }
      .dot {
        width: 20px;
        height: 20px;
        background-color: green;
        border: 1px solid black;
        position: absolute;
      }
      .food {
        width: 20px;
        height: 20px;
        background-color: red;
        border: 1px solid black;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

// Function to start the game
      function startGame() {
        createSnake();
        createFood();
        gameLoop = setInterval(moveSnake, 150);
      }

// Function to create the snake on the game board
      function createSnake() {
        snake.forEach(function (dot) {
          var snakeDot = document.createElement("div");
          snakeDot.className = "dot";
          snakeDot.style.left = dot.x * dotSize + "px";
          snakeDot.style.top = dot.y * dotSize + "px";
          gameBoard.appendChild(snakeDot);
        });
      }

// Function to create food on the game board
      function createFood() {
        food.x = Math.floor(Math.random() * (gameBoard.offsetWidth / dotSize));
        food.y = Math.floor(Math.random() * (gameBoard.offsetHeight / dotSize));
        var foodDot = document.createElement("div");
        foodDot.className = "food";
        foodDot.style.left = food.x * dotSize + "px";
        foodDot.style.top = food.y * dotSize + "px";
        gameBoard.appendChild(foodDot);
      }

// Function to move the snake
      function moveSnake() {
        var head = {
          x: snake[0].x,
          y: snake[0].y
        };

if (direction === "right") head.x++;
        if (direction === "left") head.x--;
        if (direction === "up") head.y--;
        if (direction === "down") head.y++;

snake.unshift(head);

if (head.x === food.x && head.y === food.y) {
          score++;
          gameBoard.removeChild(gameBoard.lastChild);
          createFood();
        } else {
          snake.pop();
        }

// Check for collision with wall or body
        if (
          head.x < 0 ||
          head.x >= gameBoard.offsetWidth / dotSize ||
          head.y < 0 ||
          head.y >= gameBoard.offsetHeight / dotSize ||
          checkCollision(head)
        ) {
          clearInterval(gameLoop);
          alert("Game Over! Your Score: " + score);
        }

// Update the game board
        updateGameBoard();
      }

// Function to update the game board after each move
      function updateGameBoard() {
        while (gameBoard.firstChild) {
          gameBoard.removeChild(gameBoard.firstChild);
        }
        createSnake();
      }

// Function to check collision with the snake's body
      function checkCollision(head) {
        for (var i = 1; i < snake.length; i++) {
          if (head.x === snake[i].x && head.y === snake[i].y) {
            return true;
          }
        }
        return false;
      }

// Function to handle key events
      document.addEventListener("keydown", function (event) {
        var key = event.keyCode;
        if (key === 37 && direction !== "right") direction = "left";
        if (key === 38 && direction !== "down") direction = "up";
        if (key === 39 && direction !== "left") direction = "right";
        if (key === 40 && direction !== "up") direction = "down";
      });

// Start the game
      startGame();
    </script>
  </body>
</html>
```