AI game creator

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

No:38108

←

Prev Next

→

Snake Game
Developer User17224｜Date and time 24/1/22 15:16:25
Build time 18.781 sec｜Game capacity 4.542KB｜

Script

Sure! Here's an example of a snake game implemented as a single HTML file using JavaScript and enclosed in script tags:

This code will create a simple snake game where you control a snake using arrow keys on a 30x30 game board. The snake needs to eat randomly placed food to grow longer. If the snake hits the game board boundaries or its own body, the game will end, and the player's score will be displayed. You can copy and paste the code into an HTML file and open it in a web browser to play the game. Please note that this is a basic implementation, so you may want to customize and enhance it further based on your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's an example of a snake game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Snake Game</title>
    <style>
      #game-board {
        width: 300px;
        height: 300px;
        border: 1px solid black;
        position: relative;
      }
      .snake {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: black;
      }
      .food {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

// Function to start the game
      function startGame() {
        intervalId = setInterval(moveSnake, 200);
        drawBoard();
        createFood();
        document.addEventListener("keydown", changeDirection);
      }

// Function to draw the game board
      function drawBoard() {
        var gameBoard = document.getElementById("game-board");
        gameBoard.innerHTML = "";

snake.forEach(function (segment) {
          var snakeBody = document.createElement("div");
          snakeBody.className = "snake";
          snakeBody.style.left = segment.x * cellSize + "px";
          snakeBody.style.top = segment.y * cellSize + "px";
          gameBoard.appendChild(snakeBody);
        });

var foodElem = document.createElement("div");
        foodElem.className = "food";
        foodElem.style.left = food.x * cellSize + "px";
        foodElem.style.top = food.y * cellSize + "px";
        gameBoard.appendChild(foodElem);

document.getElementById("score").innerText = "Score: " + score;
      }

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

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

if (head.x < 0 || head.x >= boardSize || head.y < 0 || head.y >= boardSize) {
          clearInterval(intervalId);
          alert("Game Over! Your final score: " + score);
        }

for (var i = 1; i < snake.length; i++) {
          if (head.x === snake[i].x && head.y === snake[i].y) {
            clearInterval(intervalId);
            alert("Game Over! Your final score: " + score);
          }
        }

drawBoard();
      }

// Function to create new food at random position
      function createFood() {
        food.x = Math.floor(Math.random() * boardSize);
        food.y = Math.floor(Math.random() * boardSize);

// Make sure food is not placed on snake's body
        for (var i = 0; i < snake.length; i++) {
          if (food.x === snake[i].x && food.y === snake[i].y) {
            createFood();
          }
        }
      }

// Function to handle directional changes
      function changeDirection(event) {
        const LEFT_KEY = 37;
        const RIGHT_KEY = 39;
        const UP_KEY = 38;
        const DOWN_KEY = 40;

const keyPressed = event.keyCode;

const goingUp = dy === -1;
        const goingDown = dy === 1;
        const goingRight = dx === 1;
        const goingLeft = dx === -1;

if (keyPressed === LEFT_KEY && !goingRight) {
          dx = -1;
          dy = 0;
        }
        if (keyPressed === UP_KEY && !goingDown) {
          dx = 0;
          dy = -1;
        }
        if (keyPressed === RIGHT_KEY && !goingLeft) {
          dx = 1;
          dy = 0;
        }
        if (keyPressed === DOWN_KEY && !goingUp) {
          dx = 0;
          dy = 1;
        }
      }

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

You can copy and paste the code into an HTML file and open it in a web browser to play the game. Please note that this is a basic implementation, so you may want to customize and enhance it further based on your specific requirements.