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

No:21287

←

Prev Next

→

Snake Game
Developer User9742｜Date and time 23/10/14 17:03:10
Build time 132.156 sec｜Game capacity 6.71KB｜

Script

Тут пример реализации игры "Змейка" на HTML с использованием JavaScript:

Игра Змейка

Это основной код игры "Змейка". Он создает игровое поле, отслеживает движение змейки, поедание еды, проверку на столкновение со стенами или самой змейкой, и выводит сообщение об окончании игры при столкновении. Игра запускается автоматически при загрузке страницы, и управление осуществляется с помощью клавиш со стрелками.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Тут пример реализации игры "Змейка" на HTML с использованием JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Игра Змейка</title>
    <style>
        #game-board {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }
  
        .snake-cell {
            width: 20px;
            height: 20px;
            position: absolute;
            background-color: green;
        }
  
        #food-cell {
            width: 20px;
            height: 20px;
            position: absolute;
            background-color: red;
        }
    </style>
</head>
<body>
    <h1>Игра Змейка</h1>
    <div id="game-board"></div>

// Инициализация игрового поля
        const gameBoard = document.getElementById("game-board");
        gameBoard.style.width = `${boardSize * cellSize}px`;
        gameBoard.style.height = `${boardSize * cellSize}px`;

// Переменные для хранения состояния игры
        let snake = [{ x: 10, y: 10 }]; // Первоначальное положение змейки
        let direction = "right"; // Направление движения змейки
        let food = generateFood(); // Положение еды на поле

// Функция для генерации случайного положения для еды
        function generateFood() {
            const x = Math.floor(Math.random() * boardSize);
            const y = Math.floor(Math.random() * boardSize);
            return { x, y };
        }

// Функция для отображения змейки и еды на поле
        function render() {
            // Очищаем предыдущий кадр
            gameBoard.innerHTML = "";

// Отображаем каждый элемент змейки
            snake.forEach(segment => {
                const snakeCell = document.createElement("div");
                snakeCell.className = "snake-cell";
                snakeCell.style.left = `${segment.x * cellSize}px`;
                snakeCell.style.top = `${segment.y * cellSize}px`;
                gameBoard.appendChild(snakeCell);
            });

// Отображаем еду
            const foodCell = document.createElement("div");
            foodCell.id = "food-cell";
            foodCell.style.left = `${food.x * cellSize}px`;
            foodCell.style.top = `${food.y * cellSize}px`;
            gameBoard.appendChild(foodCell);
        }

// Функция для обновления состояния игры на каждом шаге
        function update() {
            // Двигаем змейку в зависимости от текущего направления
            const head = { ...snake[0] };
            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 = generateFood(); // Создаем новую еду
            } else {
                snake.pop(); // Удаляем последний сегмент, если не съели еду
            }

// Проверяем на столкновение со стеной
            if (
                head.x < 0 ||
                head.y < 0 ||
                head.x >= boardSize ||
                head.y >= boardSize
            ) {
                gameOver();
                return;
            }

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

render(); // Отображаем состояние игры на поле
        }

// Функция для завершения игры
        function gameOver() {
            clearInterval(gameLoop); // Останавливаем игровой цикл
            alert("Игра окончена!");
        }

// Обработчик нажатия клавиши
        function handleKeyPress(event) {
            switch (event.key) {
                case "ArrowUp":
                    if (direction !== "down") {
                        direction = "up";
                    }
                    break;
                case "ArrowDown":
                    if (direction !== "up") {
                        direction = "down";
                    }
                    break;
                case "ArrowLeft":
                    if (direction !== "right") {
                        direction = "left";
                    }
                    break;
                case "ArrowRight":
                    if (direction !== "left") {
                        direction = "right";
                    }
                    break;
            }
        }

// Запуск игры
        const gameLoop = setInterval(update, gameSpeed);
        document.addEventListener("keydown", handleKeyPress);
    </script>
</body>
</html>
```