AI game creator

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

No:19502

←

Prev Next

→

Mario fighting game
Developer User8650｜Date and time 23/10/4 12:25:13
Build time 21.305 sec｜Game capacity 3.922KB｜

Script

Sure, here's a simple implementation of a Mario fighting game using JavaScript. Keep in mind that due to the limitations of the response format, I can only provide a simplified version of the game. You can modify and enhance it further according to your requirements.

In this game, you'll see two characters, Mario and an enemy. You can click the "Attack" button to initiate an attack, which randomly deducts health points from both characters. The game ends when either Mario or the enemy's health reaches 0. To customize the game further, you can replace the `emozi_all/game.png` and `emozi_all/enemy.png` images with your desired pictograms/icons. You can also modify the game logic, add more attacks, different characters, animations, sound effects, etc., to create a more complex and enjoyable experience.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Fighting Game</title>
    <style>
        #game-container {
            width: 320px;
            height: 480px;
            background-color: #000;
            position: relative;
        }
        #mario {
            width: 64px;
            height: 64px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-image: url('mario.png');
            background-repeat: no-repeat;
            background-position: 0 0;
        }
        #enemy {
            width: 64px;
            height: 64px;
            position: absolute;
            bottom: 0;
            right: 0;
            background-image: url('enemy.png');
            background-repeat: no-repeat;
            background-position: 0 0;
        }
        #attack-button {
            width: 120px;
            height: 50px;
            background-color: #f00;
            color: #fff;
            font-size: 20px;
            position: absolute;
            bottom: 20px;
            left: calc(50% - 60px);
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="mario"></div>
        <div id="enemy"></div>
        <button id="attack-button">Attack</button>
    </div>

// Set initial health points for Mario and the enemy
            var marioHealth = 100;
            var enemyHealth = 100;

// Add click event listener to attack button
            attackButton.addEventListener("click", function() {
                // Calculate random damage points for Mario and the enemy
                var marioDamage = Math.ceil(Math.random() * 20);
                var enemyDamage = Math.ceil(Math.random() * 20);

// Reduce health points based on damage
                marioHealth -= enemyDamage;
                enemyHealth -= marioDamage;

// Update health bar width
                mario.style.width = marioHealth + "px";
                enemy.style.width = enemyHealth + "px";

// Check if either Mario or the enemy has reached 0 health
                if (marioHealth <= 0) {
                    alert("Game Over - You lost!");
                    resetGame();
                } else if (enemyHealth <= 0) {
                    alert("Congratulations! You won!");
                    resetGame();
                }
            });

// Function to reset the game
            function resetGame() {
                marioHealth = 100;
                enemyHealth = 100;
                mario.style.width = marioHealth + "px";
                enemy.style.width = enemyHealth + "px";
            }
        });
    </script>
</body>
</html>
```

To customize the game further, you can replace the `mario.png` and `enemy.png` images with your desired pictograms/icons. You can also modify the game logic, add more attacks, different characters, animations, sound effects, etc., to create a more complex and enjoyable experience.