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

No:34037

47

I want a game where you fight other players one on..ALL
Developer User16005｜Date and time 24/1/7 21:24:45
Build time 49.208 sec｜Game capacity 5.908KB｜

Sure! Here's an example of a simple game where you can fight other players one-on-one, and the strength of each body part increases as you use it while the defense increases as it gets hit. The game will be played on a smartphone, and I'll use pictograms to represent the body parts. Remember, you need to save the code in a single HTML file and enclose the JavaScript within script tags. Here's the code:

One-on-One Fighter

Your Body Parts

👤 👕 👖

Battle Arena

Opponent

👤 👕 👖

To play the game, open the HTML file on a smartphone. You will see your body parts (represented by pictograms) and the battle arena with the opponent's body parts. Simply click on any of your body parts to attack the corresponding body part of the opponent. The strength of each body part will increase as you use it, and the defense of the opponent's body part will increase when it gets hit. Keep attacking until you defeat all the opponent's body parts. Once the battle is finished, a victory message will be displayed. Please note that this is just a simple example to demonstrate the concept. You can further enhance the game by adding features like special attacks, multiple opponents, and more.

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game where you can fight other players one-on-one, and the strength of each body part increases as you use it while the defense increases as it gets hit. The game will be played on a smartphone, and I'll use pictograms to represent the body parts.

Remember, you need to save the code in a single HTML file and enclose the JavaScript within script tags. Here's the code:

```html
<!DOCTYPE html>
<html>

<head>
    <title>One-on-One Fighter Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

h1 {
            margin-bottom: 20px;
        }

.body-part {
            display: inline-block;
            padding: 10px;
            font-size: 30px;
            cursor: pointer;
        }

.battle-arena {
            padding: 20px;
            margin-bottom: 20px;
            border: 2px dashed #000;
        }

.battle-log {
            text-align: left;
            margin-bottom: 20px;
        }
    </style>
</head>

<body>
    <h1>One-on-One Fighter</h1>

<div id="playerArea">
        <h2>Your Body Parts</h2>
        <p>
            <span class="body-part" id="head">👤</span>
            <span class="body-part" id="torso">👕</span>
            <span class="body-part" id="legs">👖</span>
        </p>
    </div>

<div class="battle-arena">
        <h2>Battle Arena</h2>
        <div id="opponentArea">
            <h3>Opponent</h3>
            <p>
                <span class="body-part" id="opponentHead">👤</span>
                <span class="body-part" id="opponentTorso">👕</span>
                <span class="body-part" id="opponentLegs">👖</span>
            </p>
        </div>
    </div>

<div class="battle-log"></div>

<script>
        const player = {
            head: {
                strength: 10,
                defense: 0
            },
            torso: {
                strength: 20,
                defense: 0
            },
            legs: {
                strength: 15,
                defense: 0
            }
        };

const opponent = {
            head: {
                strength: 10,
                defense: 0
            },
            torso: {
                strength: 20,
                defense: 0
            },
            legs: {
                strength: 15,
                defense: 0
            }
        };

// Display initial player and opponent body parts
        displayPlayer();
        displayOpponent();

// Add click event listener to player body parts
        const bodyParts = document.querySelectorAll('.body-part');
        bodyParts.forEach(bodyPart => {
            bodyPart.addEventListener('click', () => {
                const bodyPartId = bodyPart.id;
                attack(bodyPartId);
            });
        });

// Attack the opponent's body part
        function attack(bodyPartId) {
            const playerStrength = player[bodyPartId].strength;
            const opponentDefense = opponent[bodyPartId].defense;

const damage = playerStrength - opponentDefense;
            if (damage > 0) {
                opponent[bodyPartId].strength -= damage;
                opponent[bodyPartId].defense++;
            } else {
                player[bodyPartId].defense--;
            }

displayPlayer();
            displayOpponent();
            
            // Check if the battle has ended
            if (isBattleFinished()) {
                endBattle();
            }
        }

// Display player's body parts
        function displayPlayer() {
            const playerBodyParts = document.querySelectorAll('#playerArea .body-part');
            playerBodyParts.forEach(bodyPart => {
                const bodyPartId = bodyPart.id;
                bodyPart.innerHTML = `${bodyPartId}: ${player[bodyPartId].strength}`;
            });
        }

// Display opponent's body parts
        function displayOpponent() {
            const opponentBodyParts = document.querySelectorAll('#opponentArea .body-part');
            opponentBodyParts.forEach(bodyPart => {
                const bodyPartId = bodyPart.id;
                bodyPart.innerHTML = `${bodyPartId}: ${opponent[bodyPartId].strength}`;
            });
        }

// Check if the battle has finished (all opponent's body parts defeated)
        function isBattleFinished() {
            for (let bodyPart in opponent) {
                if (opponent.hasOwnProperty(bodyPart)) {
                    if (opponent[bodyPart].strength > 0) {
                        return false;
                    }
                }
            }
            return true;
        }

// End the battle
        function endBattle() {
            const battleLog = document.querySelector('.battle-log');
            battleLog.innerHTML = "<strong>Victory! You have defeated the opponent!</strong>";

// Remove click event listeners from player body parts
            bodyParts.forEach(bodyPart => {
                bodyPart.removeEventListener('click');
            });
        }
    </script>
</body>

</html>
```

To play the game, open the HTML file on a smartphone. You will see your body parts (represented by pictograms) and the battle arena with the opponent's body parts. Simply click on any of your body parts to attack the corresponding body part of the opponent. The strength of each body part will increase as you use it, and the defense of the opponent's body part will increase when it gets hit. Keep attacking until you defeat all the opponent's body parts. Once the battle is finished, a victory message will be displayed.

Please note that this is just a simple example to demonstrate the concept. You can further enhance the game by adding features like special attacks, multiple opponents, and more.