AI game creator

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

No:33716

←

Prev Next

→

Snake Game
Developer User15906｜Date and time 24/1/6 12:30:10
Build time 35.754 sec｜Game capacity 4.017KB｜

Script

Sure! Here's an implementation of the Snake Game in a single HTML file using JavaScript:

To play the game, you can open this HTML file in a web browser, and you'll see a game board displayed. Use the arrow keys on your keyboard to control the snake. The objective is to eat the apples and grow the snake without hitting the edges of the game board or colliding with the snake's own body. The game will keep track of your score and display it on the screen. Note: This implementation assumes that you are using a smartphone with a physical keyboard or an emulator that has keyboard input support. If you are playing on a touch-only smartphone, you would need additional functionality to control the snake's movement.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an implementation of the Snake Game in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #game-board {
        border: 1px solid #000;
        width: 400px;
        height: 400px;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

function createGrid() {
          for (let i = 0; i < gridCount; i++) {
            const cell = document.createElement("div");
            cell.classList.add("cell");
            gameBoard.appendChild(cell);
          }
        }

function drawSnake() {
          snake.forEach((index) => {
            const cell = document.getElementsByClassName("cell")[index];
            cell.classList.add("snake");
          });
        }

function moveSnake() {
          const tail = snake.pop();
          const tailCell = document.getElementsByClassName("cell")[tail];
          tailCell.classList.remove("snake");

const head = snake[0];
          const newHead =
            direction === 1
              ? head - 1
              : direction === -1
              ? head + 1
              : direction === gridSize
              ? head - gridSize
              : direction === -gridSize
              ? head + gridSize
              : 0;
          const newHeadCell = document.getElementsByClassName("cell")[newHead];

snake.unshift(newHead);
          newHeadCell.classList.add("snake");

if (snake[0] === appleIndex) {
            snake.push(tail);
            tailCell.classList.add("snake");
            generateApple();
          }
        }

function generateApple() {
          const cells = document.getElementsByClassName("cell");
          const emptyCells = Array.from(cells).filter(
            (cell) => !cell.classList.contains("snake")
          );
          const randomIndex = Math.floor(Math.random() * emptyCells.length);
          const apple = emptyCells[randomIndex];
          apple.classList.add("apple");
          appleIndex = Array.from(cells).indexOf(apple);
        }

function changeDirection(event) {
          const key = event.keyCode;
          if (key === 37 && direction !== 1) direction = -1;
          else if (key === 38 && direction !== gridSize) direction = -gridSize;
          else if (key === 39 && direction !== -1) direction = 1;
          else if (key === 40 && direction !== -gridSize) direction = gridSize;
        }

function startGame() {
          gameBoard.innerHTML = "";
          createGrid();
          drawSnake();
          generateApple();
          intervalId = setInterval(moveSnake, 200);
        }

function endGame() {
          clearInterval(intervalId);
          alert("Game over!");
          startGame();
        }

document.addEventListener("keydown", changeDirection);

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

The game will keep track of your score and display it on the screen.

Note: This implementation assumes that you are using a smartphone with a physical keyboard or an emulator that has keyboard input support. If you are playing on a touch-only smartphone, you would need additional functionality to control the snake's movement.