AI game creator

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

No:31644

←

Prev Next

→

Snake Game
Developer User15212｜Date and time 23/12/28 1:37:44
Build time 28.361 sec｜Game capacity 3.766KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Игра Змейка</title>
    <style>
      #game-board {
        background-color: #f2f2f2;
        border: 1px solid #ccc;
        width: 300px;
        height: 300px;
        position: relative;
        margin: 0 auto;
      }
      .snake-dot {
        width: 10px;
        height: 10px;
        background-color: #333;
        border: 1px solid #ccc;
        position: absolute;
      }
      #food {
        width: 10px;
        height: 10px;
        background-color: red;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

let snake = [
          { x: 10, y: 10 },
          { x: 10, y: 11 },
          { x: 10, y: 12 }
        ];
        let food = { x: 15, y: 15 };
        let direction = "up";
        let gameLoop;

function drawBoard() {
          gameBoard.innerHTML = "";
          snake.forEach(dot => {
            const snakeDot = createDot(dot.x * dotSize, dot.y * dotSize, "snake-dot");
            gameBoard.appendChild(snakeDot);
          });

const foodDot = createDot(food.x * dotSize, food.y * dotSize, "food");
          gameBoard.appendChild(foodDot);
        }

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

switch (direction) {
            case "up":
              head.y -= 1;
              break;
            case "down":
              head.y += 1;
              break;
            case "left":
              head.x -= 1;
              break;
            case "right":
              head.x += 1;
              break;
          }

snake.unshift(head);

if (head.x === food.x && head.y === food.y) {
            food.x = Math.floor(Math.random() * gridSize);
            food.y = Math.floor(Math.random() * gridSize);
          } else {
            snake.pop();
          }
        }

function checkCollision() {
          const head = snake[0];

if (
            head.x < 0 ||
            head.x >= gridSize ||
            head.y < 0 ||
            head.y >= gridSize ||
            snake.slice(1).some(dot => dot.x === head.x && dot.y === head.y)
          ) {
            clearInterval(gameLoop);
            alert("Игра окончена!");
          }
        }

document.addEventListener("keydown", changeDirection);

function gameLoopFunction() {
          moveSnake();
          checkCollision();
          drawBoard();
        }

gameLoop = setInterval(gameLoopFunction, 200);
      });
    </script>
  </body>
</html>