Make a fan-made Mario game and it's Halloween and Bowser is a walking zombie and also if you grab the fire power up you will turn into a fireman zombie's game

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

No:52637

203

←

Prev Next

→

Make a fan-made Mario game and it's Halloween and ..ALL
Developer User22074｜Date and time 24/3/23 13:05:41
Build time 21.923 sec｜Game capacity 3.691KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Halloween Mario Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = 50;
        let playerY = 50;
        let playerWidth = 50;
        let playerHeight = 50;
        let playerSpeed = 5;
        let isFirePowerUp = false;
        
        let bowserX = 700;
        let bowserY = 500;
        let bowserWidth = 50;
        let bowserHeight = 50;
        let bowserSpeed = 3;
        
        let firePowerUpX = 400;
        let firePowerUpY = 300;
        let firePowerUpWidth = 30;
        let firePowerUpHeight = 30;
        
        let playerImage = new Image();
        playerImage.src = 'mario.png';
        
        let bowserImage = new Image();
        bowserImage.src = 'bowser.png';
        
        let firePowerUpImage = new Image();
        firePowerUpImage.src = 'firepowerup.png';
        
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            if(isFirePowerUp){
                ctx.drawImage(playerImage, playerX, playerY, playerWidth, playerHeight);
            } else {
                ctx.drawImage(playerImage, playerX, playerY, playerWidth, playerHeight);
            }
            
            ctx.drawImage(bowserImage, bowserX, bowserY, bowserWidth, bowserHeight);
            
            if(!isFirePowerUp){
                ctx.drawImage(firePowerUpImage, firePowerUpX, firePowerUpY, firePowerUpWidth, firePowerUpHeight);
            }
        }
        
        function update() {
            if(isFirePowerUp){
                playerSpeed = 8;
            } else {
                playerSpeed = 5;
            }
            
            if(playerX < firePowerUpX + firePowerUpWidth &&
               playerX + playerWidth > firePowerUpX &&
               playerY < firePowerUpY + firePowerUpHeight &&
               playerY + playerHeight > firePowerUpY){
                isFirePowerUp = true;
            }
            
            if(playerX < bowserX + bowserWidth &&
               playerX + playerWidth > bowserX &&
               playerY < bowserY + bowserHeight &&
               playerY + playerHeight > bowserY){
                   if(isFirePowerUp){
                       alert('You defeated Bowser with fire power up! You win!');
                   } else {
                       alert('Bowser got you! Game Over!');
                   }
            }
            
            if(playerX < 0){
                playerX = 0;
            }
            if(playerX + playerWidth > canvas.width){
                playerX = canvas.width - playerWidth;
            }
            if(playerY < 0){
                playerY = 0;
            }
            if(playerY + playerHeight > canvas.height){
                playerY = canvas.height - playerHeight;
            }
        }
        
        function gameLoop(){
            draw();
            update();
            
            requestAnimationFrame(gameLoop);
        }
        
        document.addEventListener('keydown', function(event){
            if(event.key === 'ArrowUp'){
                playerY -= playerSpeed;
            }
            if(event.key === 'ArrowDown'){
                playerY += playerSpeed;
            }
            if(event.key === 'ArrowLeft'){
                playerX -= playerSpeed;
            }
            if(event.key === 'ArrowRight'){
                playerX += playerSpeed;
            }
        });
        
        gameLoop();
        
    </script>
</body>
</html>