AI game creator

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

No:15854

←

Prev Next

→

Snake Game
Developer User6949｜Date and time 23/9/13 0:32:10
Build time 39.104 sec｜Game capacity 4.57KB｜

Script

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

The above code sets up a simple Snake Game with smartphone operation. The snake is controlled using the arrow keys. The goal is to collect the fruits (red squares) while avoiding collisions with the boundaries and the snake's own body. Please note that this is just a basic implementation and can be further enhanced with additional features and optimizations based on your requirements.

←

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 in a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snake Game</title>
  <style>
    #game-board {
      width: 240px;
      height: 240px;
      border: 1px solid black;
    }
    
    .fruit {
      width: 16px;
      height: 16px;
      background-color: red;
      position: absolute;
    }
    
    .snake-part {
      width: 16px;
      height: 16px;
      background-color: green;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>
  
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      // Game board dimensions
      var boardWidth = 240;
      var boardHeight = 240;
      
      // Snake variables
      var snakeSize = 16;
      var snakeSpeed = 200;
      var snakeX = snakeY = 0;
      var snakeDX = snakeDY = 0;
      var snakeParts = [];
      
      // Fruit variables
      var fruitSize = 16;
      var fruitX = fruitY = 0;
      
      // Game board element
      var gameBoard = document.getElementById("game-board");
      
      // Generate random position for fruit
      function generateFruitPosition() {
        fruitX = Math.floor(Math.random() * (boardWidth / fruitSize)) * fruitSize;
        fruitY = Math.floor(Math.random() * (boardHeight / fruitSize)) * fruitSize;
      }
      
      // Render game objects
      function render() {
        // Clear game board
        gameBoard.innerHTML = "";
        
        // Render snake
        snakeParts.forEach(function(snakePart) {
          var part = document.createElement("div");
          part.className = "snake-part";
          part.style.left = snakePart.x + "px";
          part.style.top = snakePart.y + "px";
          gameBoard.appendChild(part);
        });
        
        // Render fruit
        var fruit = document.createElement("div");
        fruit.className = "fruit";
        fruit.style.left = fruitX + "px";
        fruit.style.top = fruitY + "px";
        gameBoard.appendChild(fruit);
      }
      
      // Handle player input
      document.addEventListener("keydown", function(event) {
        if (event.keyCode === 37 && snakeDX !== 1) { // Left arrow
          snakeDX = -1;
          snakeDY = 0;
        } else if (event.keyCode === 38 && snakeDY !== 1) { // Up arrow
          snakeDX = 0;
          snakeDY = -1;
        } else if (event.keyCode === 39 && snakeDX !== -1) { // Right arrow
          snakeDX = 1;
          snakeDY = 0;
        } else if (event.keyCode === 40 && snakeDY !== -1) { // Down arrow
          snakeDX = 0;
          snakeDY = 1;
        }
      });
      
      // Game loop
      setInterval(function() {
        // Move snake
        snakeX += snakeDX * snakeSize;
        snakeY += snakeDY * snakeSize;
        
        // Snake collision with game board boundaries
        if (snakeX < 0 || snakeY < 0 || snakeX >= boardWidth || snakeY >= boardHeight) {
          alert("Game Over!");
          window.location.reload(); // Restart the game
          return;
        }
        
        // Check if snake collided with itself
        snakeParts.forEach(function(snakePart) {
          if (snakeX === snakePart.x && snakeY === snakePart.y) {
            alert("Game Over!");
            window.location.reload(); // Restart the game
          }
        });
        
        // Check if snake collected the fruit
        if (snakeX === fruitX && snakeY === fruitY) {
          // Generate new fruit position
          generateFruitPosition();
          
          // Increase snake size
          snakeParts.unshift({ x: snakeX, y: snakeY });
          
          // Increase game score or perform other actions
          // if necessary
        } else {
          // Remove last part of the snake
          snakeParts.pop();
          
          // Add new part to the front of the snake
          snakeParts.unshift({ x: snakeX, y: snakeY });
        }
        
        // Render game objects
        render();
      }, snakeSpeed);
      
      // Initialize game
      generateFruitPosition();
      render();
    });
  </script>
</body>
</html>
```

Please note that this is just a basic implementation and can be further enhanced with additional features and optimizations based on your requirements.