Crie o jogo do dinossauro do Chrome's game

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

No:44749

←

Prev Next

→

Crie o jogo do dinossauro do Chrome
Developer User19462｜Date and time 24/2/19 1:56:01
Build time 7.681 sec｜Game capacity 1.531KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jogo do Dinossauro</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

canvas {
        display: block;
        margin: 0 auto;
        background-color: #f7f7f7;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="400"></canvas>

// Dino properties
    const dinoWidth = 50;
    const dinoHeight = 50;
    let dinoX = 50;
    let dinoY = canvas.height - dinoHeight - 10;
    let dinoSpeed = 2;
    let jumping = false;

function drawDino() {
        ctx.fillStyle = '#000';
        ctx.fillRect(dinoX, dinoY, dinoWidth, dinoHeight);
    }

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

drawDino();
        updateDino();

requestAnimationFrame(draw);
    }

document.addEventListener('keydown', (event) => {
        if (event.key === ' ' && dinoY === canvas.height - dinoHeight - 10) {
            jumping = true;
        }
    });

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