AI game creator

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

No:26490

←

Prev Next

→

Snake Game
Developer User13150｜Date and time 23/12/1 4:56:53
Build time 100.603 sec｜Game capacity 3.888KB｜

Script

Sure! Here's a sample implementation of the Snake Game as a single HTML file using JavaScript and pictograms:

Please note that this is a basic implementation of the Snake Game and may require further modifications and enhancements to meet your specific requirements. You can customize the game design and add additional features as needed.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's a sample implementation of the Snake Game as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snake Game</title>
  <style>
    #game-board {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      position: relative;
      margin: 50px auto;
    }

.dot {
      width: 20px;
      height: 20px;
      position: absolute;
      background-color: #000000;
    }

#snake-head {
      background-color: #00FF00;
    }

#food {
      background-color: #FF0000;
    }
  </style>

</head>
<body>
  <div id="game-board"></div>

// Initial snake position
    let snake = [{ x: 5, y: 5 }];

// Initial food position
    let food = { x: 10, y: 10 };

// Initial direction
    let direction = 'right';

// Game board element
    const gameBoard = document.getElementById('game-board');

function draw() {
      // Clear the game board
      gameBoard.innerHTML = '';

// Draw the snake
      snake.forEach((dot, index) => {
        const dotElement = document.createElement('div');
        dotElement.className = 'dot';
        if (index === 0) {
          dotElement.id = 'snake-head';
        }
        dotElement.style.left = dot.x * dotSize + 'px';
        dotElement.style.top = dot.y * dotSize + 'px';
        gameBoard.appendChild(dotElement);
      });

// Draw the food
      const foodElement = document.createElement('div');
      foodElement.className = 'dot';
      foodElement.id = 'food';
      foodElement.style.left = food.x * dotSize + 'px';
      foodElement.style.top = food.y * dotSize + 'px';
      gameBoard.appendChild(foodElement);
    }

function move() {
      // Get the head of the snake
      const head = { x: snake[0].x, y: snake[0].y };

// Update the head position based on the direction
      switch (direction) {
        case 'right':
          head.x++;
          break;
        case 'left':
          head.x--;
          break;
        case 'up':
          head.y--;
          break;
        case 'down':
          head.y++;
          break;
      }

// Add the new head to the front of the snake
      snake.unshift(head);

// Check if the snake ate the food
      if (head.x === food.x && head.y === food.y) {
        // Increment the score
        // (You can add your code to handle score as required)

// Generate new food position randomly
        food = {
          x: Math.floor(Math.random() * boardSize),
          y: Math.floor(Math.random() * boardSize)
        };
      } else {
        // Remove the tail of the snake
        snake.pop();
      }
    }

function changeDirection(event) {
      const key = event.keyCode;

// Change the direction based on arrow keys
      if (key === 37 && direction !== 'right') {
        direction = 'left';
      } else if (key === 38 && direction !== 'down') {
        direction = 'up';
      } else if (key === 39 && direction !== 'left') {
        direction = 'right';
      } else if (key === 40 && direction !== 'up') {
        direction = 'down';
      }
    }

// Start the game
    function startGame() {
      window.addEventListener('keydown', changeDirection);
      setInterval(function () {
        move();
        draw();
        // (You can add your code for game over condition and handling here)
      }, gameSpeed);
    }

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