AI game creator

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

No:26402

←

Prev Next

→

Snake Game
Developer User13084｜Date and time 23/11/30 5:58:41
Build time 60.973 sec｜Game capacity 3.929KB｜

Script

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

This implementation creates a game board using a `div`, generates a snake and food using CSS classes, and allows the player to control the snake using arrow keys. The snake moves every 200 milliseconds, and when it eats the food, it grows longer. The game ends when the snake hits the border or collides with itself. Please note that this is a basic implementation to give you an idea of how a Snake game can work. You can further enhance it by adding more features and improvements based on your 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 with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Snake Game</title>
    <style>
      #game-board {
        width: 400px;
        height: 400px;
        border: 2px solid black;
        margin: 0 auto;
      }
      
      .cell {
        width: 20px;
        height: 20px;
        background-color: white;
        border: 1px solid lightgray;
        float: left;
      }
      
      .snake {
        background-color: green;
      }
      
      .food {
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

function createBoard() {
          for (let i = 0; i < boardSize * boardSize; i++) {
            const cell = document.createElement("div");
            cell.classList.add("cell");
            cells.push(cell);
            board.appendChild(cell);
          }
        }

const snake = {
          body: [100, 101, 102],
          direction: 1
        };

function drawSnake() {
          cells.forEach(function(cell) {
            cell.classList.remove("snake");
          });

snake.body.forEach(function(cellIndex) {
            cells[cellIndex].classList.add("snake");
          });
        }

function moveSnake() {
          const head = snake.body[0];
          const tail = snake.body.pop();
          cells[tail].classList.remove("snake");

let newHead;
          switch (snake.direction) {
            case 0:
              newHead = head - boardSize;
              break;
            case 1:
              newHead = head + 1;
              break;
            case 2:
              newHead = head + boardSize;
              break;
            case 3:
              newHead = head - 1;
              break;
          }

snake.body.unshift(newHead);
          cells[newHead].classList.add("snake");

if (cells[newHead].classList.contains("food")) {
            cells[newHead].classList.remove("food");
            const tail = snake.body[snake.body.length - 1];
            cells[tail].classList.add("snake");
            snake.body.push(tail);
            generateFood();
          }
        }

function generateFood() {
          const emptyCells = cells.filter(function(cell) {
            return !cell.classList.contains("snake");
          });

const foodIndex = Math.floor(Math.random() * emptyCells.length);
          emptyCells[foodIndex].classList.add("food");
        }

function changeDirection(event) {
          switch (event.keyCode) {
            case 38:
              snake.direction = 0;
              break;
            case 39:
              snake.direction = 1;
              break;
            case 40:
              snake.direction = 2;
              break;
            case 37:
              snake.direction = 3;
              break;
          }
        }

createBoard();
        drawSnake();
        generateFood();
        setInterval(function() {
          moveSnake();
        }, 200);

document.addEventListener("keydown", changeDirection);
      });
    </script>
  </body>
</html>
```

Please note that this is a basic implementation to give you an idea of how a Snake game can work. You can further enhance it by adding more features and improvements based on your requirements.