Faça um jogo do mario's game

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

No:46159

179

←

Prev Next

→

Faça um jogo do mario
Developer User18060｜Date and time 24/2/23 18:31:55
Build time 7.15 sec｜Game capacity 1.579KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jogo do Mario</title>
</head>
<body>
    <canvas></canvas>

const marioImage = new Image();
        marioImage.src = 'mario.png';

let marioX = 50;
        let marioY = canvas.height - 100;
        let gravity = 0.5;
        let jump = -10;

const groundHeight = 20;
        let isJumping = false;

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

// Draw ground
            ctx.fillStyle = 'green';
            ctx.fillRect(0, canvas.height - groundHeight, canvas.width, groundHeight);

// Draw Mario
            ctx.drawImage(marioImage, marioX, marioY);

if (isJumping) {
                marioY += jump;
                jump += gravity;
                
                if (marioY >= canvas.height - groundHeight - 100) {
                    marioY = canvas.height - groundHeight - 100;
                    isJumping = false;
                }
            }

requestAnimationFrame(draw);
        }

document.addEventListener('keydown', function(e) {
            if (e.key === ' ' && marioY === canvas.height - groundHeight - 100) {
                isJumping = true;
                jump = -10;
            }
        });

marioImage.onload = draw;
    </script>
</body>
</html>