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

No:15174

4247

←

Prev Next

→

Snake Game
Developer anonymous｜Date and time 70/1/1 10:08:22
Build time unknown sec｜Game capacity 4.102KB｜

Script

Змейка Игра

Счет: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Змейка Игра</title>
  <style>
    #game-board {
      position: relative;
      width: 400px;
      height: 400px;
      border: 1px solid black;
    }

.dot {
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
    }

.food {
      background-color: green;
    }

.snake {
      background-color: blue;
    }

#score {
      text-align: center;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <h1>Змейка Игра</h1>
  <div id="game-board"></div>
  <div id="score">Счет: 0</div>

// Начальная инициализация игры
    function init() {
      createSnake();
      createFood();

if (typeof gameLoop != "undefined") clearInterval(gameLoop);
      gameLoop = setInterval(draw, 100);
    }

// Создание змейки
    function createSnake() {
      let snakeSize = 4;
      snake = [];
      for (let i = 0; i < snakeSize; i++) {
        snake.push({ x: i, y: 0 });
      }
    }

// Создание еды
    function createFood() {
      food = {
        x: Math.floor(Math.random() * dotCount),
        y: Math.floor(Math.random() * dotCount),
      };
    }

// Отрисовка игрового поля
    function drawGameBoard() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      for (let i = 0; i < snake.length; i++) {
        let dot = snake[i];
        drawDot(dot.x, dot.y, "snake");
      }
      drawDot(food.x, food.y, "food");
    }

// Отрисовка точки
    function drawDot(x, y, type) {
      ctx.beginPath();
      ctx.arc(
        x * dotSize + dotSize / 2,
        y * dotSize + dotSize / 2,
        dotSize / 2,
        0,
        2 * Math.PI
      );
      ctx.fillStyle = type === 'food' ? 'green' : 'blue';
      ctx.fill();
      ctx.closePath();
    }
    
    // Обработка нажатия клавиш
    function handleKeyPress(e) {
      let keyCode = e.keyCode;
      if (keyCode === 37 && snakeDirection !== "right") {
        snakeDirection = "left";
      } else if (keyCode === 38 && snakeDirection !== "down") {
        snakeDirection = "up";
      } else if (keyCode === 39 && snakeDirection !== "left") {
        snakeDirection = "right";
      } else if (keyCode === 40 && snakeDirection !== "up") {
        snakeDirection = "down";
      }
    }

// Обновление позиции змейки
    function updateSnake() {
      let head = { x: snake[0].x, y: snake[0].y };
      if (snakeDirection === "left") head.x--;
      else if (snakeDirection === "up") head.y--;
      else if (snakeDirection === "right") head.x++;
      else if (snakeDirection === "down") head.y++;

if (
        head.x < 0 ||
        head.x >= dotCount ||
        head.y < 0 ||
        head.y >= dotCount ||
        checkCollision(head)
      ) {
        clearInterval(gameLoop);
        alert("Игра окончена! Ваш счет: " + score);
        return;
      }

snake.unshift(head);

if (head.x === food.x && head.y === food.y) {
        score++;
        createFood();
      } else {
        snake.pop();
      }
    }

// Проверка столкновения
    function checkCollision(head) {
      for (let i = 1; i < snake.length; i++) {
        if (snake[i].x === head.x && snake[i].y === head.y) {
          return true;
        }
      }
      return false;
    }

// Главный цикл игры
    function draw() {
      updateSnake();
      drawGameBoard();
      document.getElementById("score").textContent = "Счет: " + score;
    }

// Запуск игры при загрузке страницы
    document.onload = init();
    document.addEventListener("keydown", handleKeyPress);
  </script>
</body>
</html>