AI game creator

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

No:46415

←

Prev Next

→

jump = die
Developer User20079｜Date and time 24/2/24 20:26:57
Build time 5.997 sec｜Game capacity 1.715KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jump or Die Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

let playerX = 200;
        let playerY = 350;
        let isJumping = false;

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, 50, 50);
        }

document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp" && !isJumping) {
                isJumping = true;
                jump();
            }
        });

function jump() {
            let jumpHeight = 50;
            let jumpSpeed = 5;

let jumpInterval = setInterval(function() {
                playerY -= jumpSpeed;
                jumpHeight -= jumpSpeed;
                drawPlayer();

if (jumpHeight <= 0) {
                    clearInterval(jumpInterval);
                    fall();
                }
            }, 20);
        }

function fall() {
            let fallSpeed = 5;

let fallInterval = setInterval(function() {
                playerY += fallSpeed;
                drawPlayer();

if (playerY >= 350) {
                    clearInterval(fallInterval);
                    isJumping = false;
                }
            }, 20);
        }

drawPlayer();
    </script>
</body>
</html>