Mario bros game your play amrio and fight donkey Kong's game

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

No:24907

136

←

Prev Next

→

Mario bros game your play amrio and fight donkey K..ALL
Developer User12014｜Date and time 23/11/14 20:40:14
Build time 155.789 sec｜Game capacity 3.466KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Mario Bros Game - Donkey Kong Fight</title>
    <style>
        canvas {
            border: 1px solid black;
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="game-canvas" width="800" height="600"></canvas>

// Player variables
        var mario = {
            x: 100,
            y: 500,
            width: 50,
            height: 50,
            speed: 5,
            jumping: false,
            jumpHeight: 150,
            velocityY: 0
        };

// Donkey Kong variables
        var donkeyKong = {
            x: 650,
            y: 50,
            width: 100,
            height: 100,
            speed: 3
        };

// Game loop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

drawMario();
            drawDonkeyKong();

moveMario();
            moveDonkeyKong();

requestAnimationFrame(gameLoop);
        }

// Draw functions
        function drawMario() {
            context.fillStyle = "#ff0000";
            context.fillRect(mario.x, mario.y, mario.width, mario.height);
        }

function drawDonkeyKong() {
            context.fillStyle = "#a0522d";
            context.fillRect(donkeyKong.x, donkeyKong.y, donkeyKong.width, donkeyKong.height);
        }

// Player movement
        function moveMario() {
            mario.x += mario.speed;

if (mario.jumping) {
                mario.y -= mario.velocityY;
                mario.velocityY -= 1;

if (mario.velocityY === 0) {
                    mario.jumping = false;
                }
            } else {
                if (mario.y < 500) {
                    mario.y += 5;
                }
            }

// Check collision with Donkey Kong
            if (detectCollision(mario, donkeyKong)) {
                gameOver();
            }
        }

// Donkey Kong movement
        function moveDonkeyKong() {
            donkeyKong.y += donkeyKong.speed;

if (donkeyKong.y <= 50 || donkeyKong.y >= 450) {
                donkeyKong.speed *= -1;
            }
        }

// Collision detection function
        function detectCollision(player, enemy) {
            return player.x < enemy.x + enemy.width &&
                player.x + player.width > enemy.x &&
                player.y < enemy.y + enemy.height &&
                player.y + player.height > enemy.y;
        }

// Game over function
        function gameOver() {
            alert("Game Over! Donkey Kong defeated Mario!");
            location.reload();
        }

// Keyboard event listeners
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp" && mario.y === 500) {
                mario.jumping = true;
                mario.velocityY = mario.jumpHeight;
            }
        });

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