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

No:21131

←

Prev Next

→

Boss fighter
Developer User8524｜Date and time 23/10/13 17:26:02
Build time 137.615 sec｜Game capacity 4.856KB｜

Script

Boss Fighter

This game is called "Boss Fighter" and is playable on a smartphone. It allows the player to fight against a boss character using pictogram-based controls. The player needs to defeat the boss while managing their own health. The game includes attack, defense, and heal actions. The boss may also attack the player each turn. The game ends when either the player defeats the boss or the boss defeats the player.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Boss Fighter</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }

#game-container {
            width: 300px;
            margin: 50px auto;
            text-align: center;
            border: 2px solid #333;
            background-color: #fff;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
        }

#boss {
            width: 100px;
            height: 100px;
            background-color: red;
            position: absolute;
            top: 50px;
        }

.pictogram {
            width: 30px;
            height: 30px;
            margin: 5px;
            display: inline-block;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Boss Fighter</h1>
    <div id="game-container">
        <div id="player"></div>
        <div id="boss"></div>

// Reference to the player and boss elements
        var playerElement = document.getElementById('player');
        var bossElement = document.getElementById('boss');

// Function to update player and boss health visually
        function updateHealth() {
            playerElement.style.width = playerHealth + 'px';
            bossElement.style.width = bossHealth + 'px';
        }

// Function to handle player attack
        function playerAttack() {
            if (bossHealth <= 0 || playerHealth <= 0) {
                return;
            }

var damage = Math.floor(Math.random() * 10) + 1;
            if (isPlayerDefending) {
                damage = Math.floor(damage / 2);
                isPlayerDefending = false;
            }

bossHealth -= damage;

if (bossHealth <= 0) {
                bossHealth = 0;
                document.getElementById('result').textContent = 'You defeated the boss!';
            }

var bossDamage = Math.floor(Math.random() * 15) + 1;
            if (bossDamage > 10) {
                bossDamage = 10;
            }

playerHealth -= bossDamage;

if (playerHealth <= 0) {
                playerHealth = 0;
                document.getElementById('result').textContent = 'You were defeated by the boss!';
            }

updateHealth();
        }

// Function to handle player defend
        function playerDefend() {
            if (bossHealth <= 0 || playerHealth <= 0) {
                return;
            }

isPlayerDefending = true;

var bossDamage = Math.floor(Math.random() * 5) + 1;
            if (bossDamage > 3) {
                bossDamage = 3;
            }

playerHealth -= bossDamage;

if (playerHealth <= 0) {
                playerHealth = 0;
                document.getElementById('result').textContent = 'You were defeated by the boss!';
            }

updateHealth();
        }

// Function to handle player heal
        function playerHeal() {
            if (bossHealth <= 0 || playerHealth <= 0) {
                return;
            }

var healAmount = Math.floor(Math.random() * 10) + 5;
            playerHealth += healAmount;

if (playerHealth > 100) {
                playerHealth = 100;
            }

var bossDamage = Math.floor(Math.random() * 10) + 1;
            if (bossDamage > 7) {
                bossDamage = 7;
            }

playerHealth -= bossDamage;

if (playerHealth <= 0) {
                playerHealth = 0;
                document.getElementById('result').textContent = 'You were defeated by the boss!';
            }

updateHealth();
        }

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