AI game creator

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

No:7765

884

←

Prev Next

→

Snake Game
Developer User4079｜Date and time 23/7/9 20:18:27
Build time 23.905 sec｜Game capacity 6.29KB｜

Script

Можно создать игру Snake (Змейка) в виде одного HTML файла, используя JavaScript и пиктограммы. Пример кода:

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

←

Prev　Next

→ 　

Back　

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

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

Можно создать игру Snake (Змейка) в виде одного HTML файла, используя JavaScript и пиктограммы. Пример кода:

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

.snake, .food {
            width: 20px;
            height: 20px;
            position: absolute;
            background-color: #000;
        }

.snake {
            background-color: #00ff00;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    <script>
        // Получаем элементы игрового поля
        const gameBoard = document.getElementById('game-board');

// Задаем размеры игрового поля
        const boardWidth = 400;
        const boardHeight = 400;

// Задаем размеры и начальное положение змейки
        let snakeSize = 3;
        let snake = [
            { x: 160, y: 200 },
            { x: 140, y: 200 },
            { x: 120, y: 200 }
        ];

// Задаем начальное положение еды
        let food = {x: 240, y: 200};

// Задаем направление движения змейки
        let dx = 20;
        let dy = 0;

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

// Рисуем змейку
            snake.forEach(segment => {
                const snakeElement = document.createElement('div');
                snakeElement.style.left = segment.x + 'px';
                snakeElement.style.top = segment.y + 'px';
                snakeElement.className = 'snake';
                gameBoard.appendChild(snakeElement);
            });

// Рисуем еду
            const foodElement = document.createElement('div');
            foodElement.style.left = food.x + 'px';
            foodElement.style.top = food.y + 'px';
            foodElement.className = 'food';
            gameBoard.appendChild(foodElement);
        }

// Функция, обрабатывающая движение змейки
        function move() {
            // Создаем новую голову змейки
            const head = { x: snake[0].x + dx, y: snake[0].y + dy };
            snake.unshift(head);

// Проверяем, поймала ли змейка еду
            const caughtFood = snake[0].x === food.x && snake[0].y === food.y;
            if (caughtFood) {
                // Увеличиваем размер змейки
                snakeSize++;
                
                // Генерируем новую позицию для еды
                food.x = Math.floor(Math.random() * (boardWidth / 20)) * 20;
                food.y = Math.floor(Math.random() * (boardHeight / 20)) * 20;
            } else {
                // Удаляем последний сегмент змейки
                snake.pop();
            }
        }

// Функция, проверяющая столкновение змейки с границами или своим телом
        function checkCollision() {
            const hitWall = (
                snake[0].x < 0 ||
                snake[0].x >= boardWidth ||
                snake[0].y < 0 ||
                snake[0].y >= boardHeight
            );

let hitSelf = false;
            for (let i = 1; i < snake.length; i++) {
                if (snake[i].x === snake[0].x && snake[i].y === snake[0].y) {
                    hitSelf = true;
                    break;
                }
            }

return hitWall || hitSelf;
        }

// Функция, обрабатывающая нажатие клавиш
        function handleKeyPress(event) {
            const keyPressed = event.keyCode;
            const goingUp = dy === -20;
            const goingDown = dy === 20;
            const goingRight = dx === 20;
            const goingLeft = dx === -20;

if (keyPressed === 37 && !goingRight) {
                dx = -20;
                dy = 0;
            } else if (keyPressed === 38 && !goingDown) {
                dx = 0;
                dy = -20;
            } else if (keyPressed === 39 && !goingLeft) {
                dx = 20;
                dy = 0;
            } else if (keyPressed === 40 && !goingUp) {
                dx = 0;
                dy = 20;
            }
        }

// Функция, запускающая игру
        function startGame() {
            document.addEventListener('keydown', handleKeyPress);
            setInterval(() => {
                if (checkCollision()) {
                    // Змейка столкнулась, игра окончена
                    alert('Игра окончена!');
                    snakeSize = 3;
                    snake = [
                        { x: 160, y: 200 },
                        { x: 140, y: 200 },
                        { x: 120, y: 200 }
                    ];
                    dx = 20;
                    dy = 0;
                }

move();
                if (snake.length > snakeSize) {
                    snake.pop();
                }
                draw();
            }, 200); // Задержка между обновлениями в игре (200 миллисекунд)

draw();
        }

// Запускаем игру при загрузке страницы
        startGame();
    </script>
</body>
</html>
```