Паркур's game | AI game creator

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

No:15084

53

Паркур
Developer User6503｜Date and time 23/9/6 3:42:34
Build time 27.838 sec｜Game capacity 3.02KB｜

→ 　

0　

0　

　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Паркур - Игра</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
        // Создание холста и игровых объектов
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        
        var player = {
            x: 50,
            y: 350,
            width: 50,
            height: 50,
            speed: 8,
            isJumping: false
        };
        
        var obstacles = [
            { x: 200, y: 300, width: 50, height: 50 },
            { x: 350, y: 250, width: 50, height: 100 },
            { x: 500, y: 350, width: 50, height: 50 }
        ];
        
        // Обработчик нажатий на экран
        document.addEventListener("keydown", function (event) {
            // Если нажата клавиша вверх и игрок на земле
            if (event.keyCode === 38 && !player.isJumping) {
                player.isJumping = true;
                
                // Прыжок вверх
                player.y -= 100;
            }
        });
        
        // Игровой цикл
        function gameLoop() {
            // Очистка холста
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Отрисовка игрока
            context.fillStyle = "green";
            context.fillRect(player.x, player.y, player.width, player.height);
            
            // Отрисовка преград
            context.fillStyle = "red";
            obstacles.forEach(function (obstacle) {
                context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            });
            
            // Обработка гравитации
            if (player.y < canvas.height - player.height) {
                player.y += 5;
            } else {
                player.isJumping = false;
            }
            
            // Обработка столкновений
            obstacles.forEach(function (obstacle) {
                if (checkCollision(player, obstacle)) {
                    alert("Игра окончена!");
                    location.reload();
                }
            });
            
            // Рекурсивный вызов игрового цикла
            requestAnimationFrame(gameLoop);
        }
        
        // Функция для проверки столкновения между объектами
        function checkCollision(object1, object2) {
            return object1.x < object2.x + object2.width &&
                object1.x + object1.width > object2.x &&
                object1.y < object2.y + object2.height &&
                object1.y + object1.height > object2.y;
        }
        
        // Запуск игрового цикла
        gameLoop();
    </script>
</body>
</html>