AI game creator

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

No:28609

←

Prev Next

→

A combat game
Developer User14183｜Date and time 23/12/13 9:30:12
Build time 28.448 sec｜Game capacity 3.252KB｜

Script

Sure, here's a simple combat game implemented as a single HTML file using JavaScript. The game takes input from the user to attack the enemy and defend themselves. It uses pictograms for visual representation.

In this game, you will see the player and enemy pictograms along with their respective health bars. The player can click on the "Attack" button to attack the enemy, and the enemy will also attack back. The game continues until either the player or the enemy health reaches zero. The player wins if they deplete the enemy's health to zero and loses if their own health reaches zero. There is also a "Reset" button to start a new game. Please note that you need to replace the `img` sources (`emozi_all/player.png` and `emozi_all/enemy.png`) with actual image paths in order for the pictograms to be displayed correctly.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Combat Game</title>
</head>
<body>
    <script type="text/javascript">
        // Global variables
        var playerHealth = 100;
        var enemyHealth = 100;

// Function to generate random number between min and max
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }

// Function to simulate player's attack
        function playerAttack() {
            var attackValue = getRandomNumber(5, 10);
            enemyHealth -= attackValue;
            displayStatus();
            checkGameOver();
            enemyAttack(); // Enemy's turn
        }

// Function to simulate enemy's attack
        function enemyAttack() {
            var attackValue = getRandomNumber(8, 12);
            playerHealth -= attackValue;
            displayStatus();
            checkGameOver();
        }

// Function to check if the game is over
        function checkGameOver() {
            if (playerHealth <= 0) {
                alert("Game Over - You lost!");
                resetGame();
            } else if (enemyHealth <= 0) {
                alert("Congratulations! You won!");
                resetGame();
            }
        }

// Function to display current status
        function displayStatus() {
            document.getElementById("playerHealth").innerText = "Player Health: " + playerHealth;
            document.getElementById("enemyHealth").innerText = "Enemy Health: " + enemyHealth;
        }

// Function to reset the game
        function resetGame() {
            playerHealth = 100;
            enemyHealth = 100;
            displayStatus();
        }

// Initialize the game
        function startGame() {
            displayStatus();
        }

// Game UI
        document.write('<h1>Combat Game</h1>');
        document.write('<img src="player.png" width="50px" height="50px">');
        document.write('<div id="playerHealth"></div>');
        document.write('<img src="enemy.png" width="50px" height="50px">');
        document.write('<div id="enemyHealth"></div>');
        document.write('<button onclick="playerAttack()">Attack</button>');
        document.write('<br><br>');
        document.write('<button onclick="resetGame()">Reset</button>');

// Start the game
        startGame();
    </script>
</body>
</html>
```

In this game, you will see the player and enemy pictograms along with their respective health bars. The player can click on the "Attack" button to attack the enemy, and the enemy will also attack back. The game continues until either the player or the enemy health reaches zero. The player wins if they deplete the enemy's health to zero and loses if their own health reaches zero. There is also a "Reset" button to start a new game.

Please note that you need to replace the `img` sources (`player.png` and `enemy.png`) with actual image paths in order for the pictograms to be displayed correctly.