Super smash bros with a Mario and kirby's game

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

No:24905

164

←

Prev Next

→

Super smash bros with a Mario and kirby
Developer User12014｜Date and time 23/11/14 18:58:40
Build time 134.422 sec｜Game capacity 2.533KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Super Smash Bros</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        // Create the game canvas
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

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

const kirbyImage = new Image();
        kirbyImage.src = "kirby.png";

// Set initial positions
        let marioX = 50;
        let marioY = 150;
        let kirbyX = 400;
        let kirbyY = 150;

// Handle keyboard controls for player movements
        const keys = {};
        document.addEventListener("keydown", function(event) {
            keys[event.keyCode] = true;
        });

document.addEventListener("keyup", function(event) {
            delete keys[event.keyCode];
        });

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

// Move Mario
            if (37 in keys && marioX > 0) {
                marioX -= 5; // Move left
            }

if (39 in keys && marioX < canvas.width - 64) {
                marioX += 5; // Move right
            }

if (38 in keys && marioY > 0) {
                marioY -= 5; // Move up
            }

if (40 in keys && marioY < canvas.height - 64) {
                marioY += 5; // Move down
            }

// Move Kirby
            if (65 in keys && kirbyX > 0) {
                kirbyX -= 5; // Move left
            }

if (68 in keys && kirbyX < canvas.width - 64) {
                kirbyX += 5; // Move right
            }

if (87 in keys && kirbyY > 0) {
                kirbyY -= 5; // Move up
            }

if (83 in keys && kirbyY < canvas.height - 64) {
                kirbyY += 5; // Move down
            }

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

// Draw Kirby
            context.drawImage(kirbyImage, kirbyX, kirbyY, 64, 64);

requestAnimationFrame(gameLoop); // Perform game loop continuously
        }

// Start the game
        marioImage.onload = function() {
            kirbyImage.onload = function() {
                gameLoop(); // Start the game loop once the images are loaded
            }
        }
    </script>
</body>
</html>