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

No:34113

Make a battle type rpg like deltarune with 3 chara..ALL
Developer User16048｜Date and time 24/1/8 9:42:43
Build time 49.688 sec｜Game capacity 5.941KB｜

Script

Sure, here's an example of a simplified version of the battle game you described:

Battle RPG

Player

Health: 120 | TP: 0

Enemies

Enemy 1: 105 | Enemy 2: 105

Choose an action:

This HTML file includes the necessary JavaScript code to run a turn-based RPG battle game. The game has three characters (player and two enemies) and four options to choose from: fight, act, item, and defend. The characters' health and TP (used for acting) are displayed, and the player can attack enemies, use items, defend, and check the game status.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simplified version of the battle game you described:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        #message {
            margin-top: 20px;
            font-weight: bold;
        }
        #options {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }
        #actions {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Battle RPG</h1>
        <h3>Player</h3>
        <div id="playerInfo">
            Health: <span id="playerHealth">120</span> | TP: <span id="playerTP">0</span>
        </div>
        <h3>Enemies</h3>
        <div id="enemyInfo">
            Enemy 1: <span id="enemy1Health">105</span> | Enemy 2: <span id="enemy2Health">105</span>
        </div>
        <p id="message">Choose an action:</p>
        <div id="options">
            <button onclick="performAction('fight')">Fight</button>
            <button onclick="performAction('act')">Act</button>
            <button onclick="performAction('item')">Item</button>
            <button onclick="performAction('defend')">Defend</button>
        </div>
        <div id="actions" style="display:none;">
            <p>Choose an enemy to attack:</p>
            <button onclick="attackEnemy(1)">Enemy 1</button>
            <button onclick="attackEnemy(2)">Enemy 2</button>
        </div>
    </div>

// Function to perform selected action
        function performAction(action) {
            document.getElementById("options").style.display = "none";
            document.getElementById("actions").style.display = "block";

if (action === "fight" || action === "act") {
                if (playerTP > 0) {
                    document.getElementById("message").innerText = `Choose an enemy to attack using TP (${playerTP} TP available):`;
                } else {
                    document.getElementById("message").innerText = "Choose an enemy to attack:";
                }
            } else if (action === "defend") {
                playerTP++;
                document.getElementById("message").innerText = "Player is defending. TP +1";
                setTimeout(enemyTurn, 1000);
            } else if (action === "item") {
                if (playerHealth >= 100) {
                    document.getElementById("message").innerText = "Player's health is already full!";
                } else {
                    playerHealth += 20;
                    if (playerHealth > 120) {
                        playerHealth = 120;
                    }
                    document.getElementById("message").innerText = "Player gained 20 health using an item";
                    setTimeout(enemyTurn, 1000);
                }
            }
        }

// Function to attack selected enemy
        function attackEnemy(enemy) {
            const enemyHealth = (enemy === 1 ? enemy1Health : enemy2Health);
            const enemyDamage = Math.floor(Math.random() * 6) + 10;
            const playerDamage = Math.floor(Math.random() * 6) + 15;

enemyHealth -= playerDamage;
            if (enemy === 1) {
                enemy1Health = enemyHealth;
                document.getElementById("enemy1Health").innerText = enemyHealth;
            } else {
                enemy2Health = enemyHealth;
                document.getElementById("enemy2Health").innerText = enemyHealth;
            }

if (enemyHealth <= 0) {
                document.getElementById("message").innerText = `Player dealt ${playerDamage} damage. Enemy ${enemy} defeated!`;
                setTimeout(checkWin, 1000);
            } else {
                playerHealth -= enemyDamage;
                document.getElementById("playerHealth").innerText = playerHealth;
                document.getElementById("message").innerText = `Player dealt ${playerDamage} damage. Enemy ${enemy} dealt ${enemyDamage} damage.`;
                setTimeout(enemyTurn, 1000);
            }
        }

// Function for enemy's turn
        function enemyTurn() {
            const enemyToAttack = calculateEnemyToAttack();
            attackEnemy(enemyToAttack);
        }

// Function to determine which enemy to attack
        function calculateEnemyToAttack() {
            // Simple logic: alternate between attacking enemy 1 and enemy 2
            if (enemy1Health > 0 && enemy2Health > 0) {
                return (playerTP > 0) ? 2 : 1;
            } else if (enemy1Health > 0) {
                return 1;
            } else {
                return 2;
            }
        }

// Function to check if player wins or loses
        function checkWin() {
            if (enemy1Health <= 0 && enemy2Health <= 0) {
                document.getElementById("message").innerText = "Player wins!";
            } else if (playerHealth <= 0) {
                document.getElementById("message").innerText = "Player loses!";
            } else {
                document.getElementById("options").style.display = "flex";
                document.getElementById("actions").style.display = "none";
                document.getElementById("message").innerText = "Choose an action:";
            }
        }
    </script>
</body>
</html>
```