AI game creator

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

No:40059

←

Prev Next

→

Snake Game
Developer User17956｜Date and time 24/1/31 21:53:52
Build time 14.647 sec｜Game capacity 3.472KB｜

Script

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

To play the game, you can open the HTML file on your smartphone's web browser. The game board will be displayed along with a green snake and a red food item. Use the arrow keys on your smartphone's keyboard to control the snake's movement. The objective of the game is to eat the food and grow as long as possible without crashing into the wall or the snake's own body. Note: This is a basic implementation of the Snake Game. You can modify and enhance it further to meet your specific requirements and styling preferences.

←

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 and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Snake Game</title>
    <style>
      #game-board {
        width: 400px;
        height: 400px;
        border: 1px solid black;
        position: relative;
      }
      .snake-cell {
        width: 20px;
        height: 20px;
        position: absolute;
        background-color: green;
      }
      .food-cell {
        width: 20px;
        height: 20px;
        position: absolute;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>
    <script>
      // Game setup
      const boardSize = 20;
      const cellSize = 20;
      const gameBoard = document.getElementById('game-board');
      let snake = [{ x: 10, y: 10}];
      let food = { x: 15, y: 10 };
      let direction = 'right';

function drawSnake() {
        gameBoard.innerHTML = '';
        snake.forEach((cell) => {
          const snakeCell = document.createElement('div');
          snakeCell.className = 'snake-cell';
          snakeCell.style.left = cell.x * cellSize + 'px';
          snakeCell.style.top = cell.y * cellSize + 'px';
          gameBoard.appendChild(snakeCell);
        });
      }

function drawFood() {
        const foodCell = document.createElement('div');
        foodCell.className = 'food-cell';
        foodCell.style.left = food.x * cellSize + 'px';
        foodCell.style.top = food.y * cellSize + 'px';
        gameBoard.appendChild(foodCell);
      }

function moveSnake() {
        const head = { x: snake[0].x, y: snake[0].y };

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

snake.unshift(head);
        if (head.x === food.x && head.y === food.y) {
          // Snake ate the food, increase size and generate new food
          food = { 
            x: Math.floor(Math.random() * boardSize),
            y: Math.floor(Math.random() * boardSize)
          };
        } else {
          // Snake didn't eat the food, remove tail
          snake.pop();
        }
      }

function handleKeyPress(event) {
        if (event.code === 'ArrowUp' && direction !== 'down') direction = 'up';
        if (event.code === 'ArrowDown' && direction !== 'up') direction = 'down';
        if (event.code === 'ArrowLeft' && direction !== 'right') direction = 'left';
        if (event.code === 'ArrowRight' && direction !== 'left') direction = 'right';
      }

function gameLoop() {
        moveSnake();
        drawSnake();
        drawFood();
      }

// Start the game
      document.addEventListener('keydown', handleKeyPress);
      setInterval(gameLoop, 200); // Adjust speed as needed

</script>
  </body>
</html>
```

Note: This is a basic implementation of the Snake Game. You can modify and enhance it further to meet your specific requirements and styling preferences.