AI game creator

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

No:46929

←

Prev Next

→

Ball jump
Developer User20307｜Date and time 24/2/26 17:19:06
Build time 6.482 sec｜Game capacity 1.356KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    canvas {
        background-color: #f0f0f0;
        display: block;
        margin: auto;
    }
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>
<script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

const ball = {
        x: 50,
        y: 400,
        radius: 20,
        velocity: 0,
        gravity: 1
    };

function drawBall() {
        ctx.beginPath();
        ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
        ctx.fillStyle = "#0095DD";
        ctx.fill();
        ctx.closePath();
    }

function jump() {
        ball.velocity = -15;
    }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawBall();
        update();
        requestAnimationFrame(gameLoop);
    }

document.addEventListener("click", jump);

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