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

No:12995

107

←

Prev Next

→

Snake Game
Developer User5680｜Date and time 23/8/25 23:31:08
Build time 45.463 sec｜Game capacity 5.5KB｜

Script

Змейка

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        #game-board {
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>Змейка</h1>
    <div id="game-board"></div>

// Переменные
        let snake; // Змейка
        let food; // Еда
        let direction; // Направление движения змейки
        let gameBoard; // Игровая доска

// Функция для создания змейки
        function createSnake() {
            let snake = [];
            snake.push({x: 10, y: 10}); // Голова змейки
            snake.push({x: 9, y: 10}); // Один из сегментов тела змейки
            snake.push({x: 8, y: 10}); // Один из сегментов тела змейки
            return snake;
        }

// Функция для создания еды
        function createFood() {
            let food = {
                x: Math.floor(Math.random() * BOARD_SIZE),
                y: Math.floor(Math.random() * BOARD_SIZE)
            };
            return food;
        }

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

// Отображаем змейку
            snake.forEach(segment => {
                let snakeElement = document.createElement('div');
                snakeElement.style.gridRowStart = segment.y + 1;
                snakeElement.style.gridColumnStart = segment.x + 1;
                snakeElement.classList.add('snake');
                gameBoard.appendChild(snakeElement);
            });

// Отображаем еду
            let foodElement = document.createElement('div');
            foodElement.style.gridRowStart = food.y + 1;
            foodElement.style.gridColumnStart = food.x + 1;
            foodElement.classList.add('food');
            gameBoard.appendChild(foodElement);
        }

// Функция для обработки клавиш
        function handleKeyPress(event) {
            if (event.key === 'ArrowUp' && direction !== 'down') {
                direction = 'up';
            } else if (event.key === 'ArrowDown' && direction !== 'up') {
                direction = 'down';
            } else if (event.key === 'ArrowLeft' && direction !== 'right') {
                direction = 'left';
            } else if (event.key === 'ArrowRight' && direction !== 'left') {
                direction = 'right';
            }
        }

// Функция для обновления состояния игры
        function update() {
            // Обновляем положение змейки в зависимости от направления
            let head = {
                x: snake[0].x,
                y: snake[0].y
            };
            if (direction === 'up') {
                head.y -= 1;
            } else if (direction === 'down') {
                head.y += 1;
            } else if (direction === 'left') {
                head.x -= 1;
            } else if (direction === 'right') {
                head.x += 1;
            }
            snake.unshift(head);

// Если змейка съела еду, увеличиваем ее длину
            if (head.x === food.x && head.y === food.y) {
                food = createFood();
            } else {
                snake.pop(); // Убираем хвост змейки
            }

// Проверяем, не столкнулась ли змейка со стеной или сама с собой
            if (head.x < 0 || head.x >= BOARD_SIZE || head.y < 0 || head.y >= BOARD_SIZE) {
                alert('Игра окончена!');
                resetGame();
            }
            for (let i = 1; i < snake.length; i++) {
                if (head.x === snake[i].x && head.y === snake[i].y) {
                    alert('Игра окончена!');
                    resetGame();
                }
            }
        }

// Функция для сброса игры
        function resetGame() {
            snake = createSnake();
            food = createFood();
            direction = 'up';
        }

// Главная функция игры
        function gameLoop() {
            update();
            render();
        }

// Получаем ссылку на игровую доску
        gameBoard = document.getElementById('game-board');

// Создаем змейку
        snake = createSnake();

// Создаем еду
        food = createFood();

// Устанавливаем начальное направление змейки
        direction = 'up';

// Начинаем слушать событие нажатия клавиш
        document.addEventListener('keydown', handleKeyPress);

// Запускаем игровой цикл
        setInterval(gameLoop, 200);
    </script>
</body>
</html>