AI game creator

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

No:46565

←

Prev Next

→

Doodel jump
Developer User20124｜Date and time 24/2/25 4:41:57
Build time 5.578 sec｜Game capacity 1.92KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Doodle Jump Game</title>
    <style>
        canvas {
            background-color: #f0f0f0;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

let doodle = {
            x: 160,
            y: 400,
            speedY: 0,
            size: 20
        };

let platforms = [
            { x: 160, y: 440 },
            { x: 80, y: 300 },
            { x: 200, y: 200 },
            { x: 40, y: 100 },
            { x: 240, y: 50 }
        ];

function drawDoodle() {
            ctx.fillStyle = "#000000";
            ctx.fillRect(doodle.x, doodle.y, doodle.size, doodle.size);
        }

function drawPlatforms() {
            ctx.fillStyle = "#FF0000";
            platforms.forEach(platform => {
                ctx.fillRect(platform.x, platform.y, 40, 10);
            });
        }

function jump() {
            doodle.speedY = -10;
        }

function update() {
            doodle.y += doodle.speedY;
            doodle.speedY += 0.5;
            if (doodle.y > 480) {
                doodle.y = 400;
            }
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

function gameLoop() {
            clearCanvas();
            update();
            drawPlatforms();
            drawDoodle();
            requestAnimationFrame(gameLoop);
        }

document.addEventListener("keydown", (event) => {
            if (event.keyCode === 32) {
                jump();
            }
        });

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