Platformer guy named mario's game

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

No:36605

←

Prev Next

→

Platformer guy named mario
Developer User16841｜Date and time 24/1/18 2:26:45
Build time 12.464 sec｜Game capacity 3.335KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Mario's Adventure</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        canvas {
            background-color: #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Declare variables
            var marioX = 50;
            var marioY = 350;
            var marioSize = 50;
            var marioSpeed = 5;
            var isJumping = false;

var enemyX = canvas.width - 50;
            var enemyY = 350;
            var enemySize = 50;
            var enemySpeed = 7;

var isGameOver = false;

// Load images
            var marioImage = new Image();
            marioImage.src = "mario.png";

var enemyImage = new Image();
            enemyImage.src = "enemy.png";

// Handle keyboard events
            document.addEventListener("keydown", handleKeyDown);

function handleKeyDown(event) {
                if (event.code === "ArrowUp" && !isJumping) {
                    isJumping = true;
                    jump();
                }
            }

// Jump function
            function jump() {
                var jumpCount = 0;
                var jumpInterval = setInterval(function() {
                    if (jumpCount >= 20) {
                        clearInterval(jumpInterval);
                        isJumping = false;
                    }
                    marioY -= 5;
                    jumpCount++;
                }, 10);
            }

// Update function
            function update() {
                // Move enemy
                enemyX -= enemySpeed;

// Move mario
                if (isJumping) {
                    return;
                }
                if (marioY < canvas.height - marioSize) {
                    marioY += marioSpeed;
                }

// Check collision
                if (marioX + marioSize > enemyX && marioX < enemyX + enemySize &&
                    marioY + marioSize > enemyY && marioY < enemyY + enemySize) {
                    isGameOver = true;
                }
            }

// Draw function
            function draw() {
                context.clearRect(0, 0, canvas.width, canvas.height);

context.drawImage(marioImage, marioX, marioY, marioSize, marioSize);
                context.drawImage(enemyImage, enemyX, enemyY, enemySize, enemySize);

if (isGameOver) {
                    context.font = "60px Arial";
                    context.fillStyle = "red";
                    context.fillText("Game Over", canvas.width / 2 - 150, canvas.height / 2);
                }
            }

// Game loop
            function gameLoop() {
                update();
                draw();

if (!isGameOver) {
                    requestAnimationFrame(gameLoop);
                }
            }

// Start the game
            gameLoop();
        }
    </script>
</body>
</html>