AI game creator

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

No:22575

←

Prev Next

→

Snake Game
Developer User10408｜Date and time 23/10/23 6:02:58
Build time 61.405 sec｜Game capacity 4.398KB｜

Script

Sure! Here's an example of a simple Snake Game implemented as a single HTML file using JavaScript:

To play the game, you can open the above code in any modern web browser on your smartphone. The game board will appear as a 400x400 pixel canvas, and you can control the snake's movement using the arrow keys. The objective is to eat the red fruits to increase your score without colliding with the walls or the snake's body. If the snake collides, the game will display your final score and reload for a new game. Please note that this is a basic implementation of a Snake Game. You can further enhance the game with additional features, levels, and graphics based on your preferences and 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 simple Snake Game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Snake Game</title>
    <style>
      #game-board {
        border: 1px solid black;
        width: 400px;
        height: 400px;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

// Generate random position for the fruit
        function getRandomPosition() {
          return Math.floor(Math.random() * boardSize);
        }

// Draw the game board, snake, and fruit
        function draw() {
          ctx.clearRect(0, 0, gameBoard.width, gameBoard.height);

// Draw the snake
          ctx.fillStyle = "green";
          snake.forEach(function(cell) {
            ctx.fillRect(cell.x * cellSize, cell.y * cellSize, cellSize, cellSize);
          });

// Draw the fruit
          ctx.fillStyle = "red";
          ctx.fillRect(fruit.x * cellSize, fruit.y * cellSize, cellSize, cellSize);

// Draw the score
          ctx.fillStyle = "black";
          ctx.font = "20px Arial";
          ctx.fillText("Score: " + score, 10, 30);
        }

// Update the game state on each frame
        function update() {
          var snakeHead = { x: snake[0].x + direction.x, y: snake[0].y + direction.y };

// Check for collisions with the fruit
          if (snakeHead.x === fruit.x && snakeHead.y === fruit.y) {
            score++;
            fruit = { x: getRandomPosition(), y: getRandomPosition() };
          } else {
            snake.pop(); // Remove the tail
          }

// Check for collisions with the walls or itself
          if (
            snakeHead.x < 0 ||
            snakeHead.y < 0 ||
            snakeHead.x >= boardSize ||
            snakeHead.y >= boardSize ||
            snake.find(function(cell) { return cell.x === snakeHead.x && cell.y === snakeHead.y; })
          ) {
            clearInterval(gameLoop);
            alert("Game Over! Your Score: " + score);
            window.location.reload();
          }

snake.unshift(snakeHead); // Add the new head to the snake
          draw();
        }

// Handle keydown events for changing the snake's direction
        function handleKeyDown(event) {
          if (event.keyCode === 37 && direction.x !== 1) { // Left Arrow
            direction = { x: -1, y: 0 };
          } else if (event.keyCode === 38 && direction.y !== 1) { // Up Arrow
            direction = { x: 0, y: -1 };
          } else if (event.keyCode === 39 && direction.x !== -1) { // Right Arrow
            direction = { x: 1, y: 0 };
          } else if (event.keyCode === 40 && direction.y !== -1) { // Down Arrow
            direction = { x: 0, y: 1 };
          }
        }

// Start the game and listen for keydown events
        function startGame() {
          draw();
          var gameLoop = setInterval(update, 150);
          document.addEventListener("keydown", handleKeyDown);
        }

startGame();
      })();
    </script>
  </body>
</html>
```

Please note that this is a basic implementation of a Snake Game. You can further enhance the game with additional features, levels, and graphics based on your preferences and requirements.