Кубик перепригрвает через шипи's game

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

No:42234

←

Prev Next

→

Кубик перепригрвает через шипи
Developer User18845｜Date and time 24/2/11 7:02:36
Build time 8.593 sec｜Game capacity 2.445KB｜

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="400" height="600"></canvas>
    <script>
    // Получение элемента холста
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Загрузка изображений
    var cubeImg = new Image();
    cubeImg.src = "cube.png";
    
    var spikeImg = new Image();
    spikeImg.src = "spike.png";

// Параметры игры
    var cubeX = 180;
    var cubeY = 520;
    var spikeX = 400;
    var spikeY = 525;
    var jumpHeight = 230;
    var jumpSpeed = 2;
    var gravity = 0.1;
    var isJumping = false;
    var isGameOver = false;

// Обработчик нажатия на экран
    document.addEventListener("touchstart", jump);

// Основной игровой цикл
    function gameLoop() {
        if (isGameOver) {
            return;
        }

// Очистка холста
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Обновление позиции шипа
        spikeX -= 2;
        if (spikeX + spikeImg.width < 0) {
            spikeX = canvas.width;
        }

// Обновление позиции кубика при прыжке
        if (isJumping) {
            cubeY -= jumpSpeed;
            jumpSpeed -= gravity;
            if (cubeY >= jumpHeight) {
                isJumping = false;
                jumpSpeed = 2;
            }
        }

// Отрисовка шипа
        ctx.drawImage(spikeImg, spikeX, spikeY);

// Отрисовка кубика
        ctx.drawImage(cubeImg, cubeX, cubeY);

// Проверка столкновения
        if (cubeX + cubeImg.width >= spikeX && cubeX <= spikeX + spikeImg.width &&
            cubeY + cubeImg.height >= spikeY) {
            gameOver();
        }

// Вызов следующего кадра
        requestAnimationFrame(gameLoop);
    }

// Функция прыжка
    function jump() {
        if (!isJumping) {
            isJumping = true;
        }
    }

// Функция завершения игры
    function gameOver() {
        isGameOver = true;
        alert("Игра окончена!");
    }

// Запуск игры
    gameLoop();
    </script>
</body>
</html>