Человечек который бежит через препятствия's game

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

No:22962

←

Prev Next

→

Человечек который бежит через препятствия
Developer User10622｜Date and time 23/10/27 2:23:51
Build time 56.325 sec｜Game capacity 3.661KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Игра "Бегущий человечек"</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="400"></canvas>

// Загружаем изображения
        var playerImg = new Image();
        playerImg.src = "https://example.com/player.png";  // Замените ссылку на изображение игрока

var obstacleImg = new Image();
        obstacleImg.src = "https://example.com/obstacle.png";  // Замените ссылку на изображение препятствия

// Устанавливаем начальные координаты игрока и препятствия
        var playerX = 50;
        var playerY = canvas.height - 100;
        var obstacleX = canvas.width;
        var obstacleY = canvas.height - 50;

// Переменные для управления игровым процессом
        var score = 0;
        var isGameOver = false;

// Функция для отрисовки игровых объектов
        function draw() {
            // Очищаем холст
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Рисуем игрока
            ctx.drawImage(playerImg, playerX, playerY, 50, 50);

// Рисуем препятствие
            ctx.drawImage(obstacleImg, obstacleX, obstacleY, 50, 50);

// Рисуем счет
            ctx.font = "20px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Счет: " + score, 10, 20);

// Проверяем столкновение игрока с препятствием
            if (playerX + 50 >= obstacleX && playerX <= obstacleX + 50 && playerY + 50 >= obstacleY && playerY <= obstacleY + 50) {
                // Игра окончена
                isGameOver = true;
                alert("Игра окончена! Ваш счет: " + score);
            }

// Обновляем позицию препятствия
            obstacleX -= 5;
            if (obstacleX + 50 < 0) {
                // Препятствие достигло конца холста
                // Увеличиваем счет и генерируем новые координаты препятствия
                score++;
                obstacleX = canvas.width;
                obstacleY = Math.random() * (canvas.height - 50);
            }

// Проверяем, если игрок достиг верхней границы холста
            if (playerY <= 0) {
                // Игра окончена
                isGameOver = true;
                alert("Вы победили! Ваш счет: " + score);
            }

if (!isGameOver) {
                // Запускаем следующий кадр игры
                requestAnimationFrame(draw);
            }
        }

// Функция для обработки нажатий клавиш
        function onKeyDown(event) {
            if (event.keyCode === 38) {
                // Нажата стрелка вверх
                playerY -= 10;
            }
        }

// Обработчик события нажатия клавиш
        document.addEventListener("keydown", onKeyDown);

// Запускаем игру
        draw();
    </script>
</body>
</html>