Make a RPG.'s game | AI game creator

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

No:30464

98

Make a RPG.
Developer User14724｜Date and time 23/12/22 1:42:45
Build time 18.323 sec｜Game capacity 3.012KB｜

Sure! Here's an example of a simple RPG game implemented in a single HTML file using JavaScript. It uses pictograms for visuals, and can be played on a smartphone.

🧙‍ 👾

This simple RPG game displays a player (represented by a wizard emoji) and an enemy (represented by an alien emoji) on the screen. The player can click the "Attack" button to initiate an attack on the enemy. Both the player and enemy have a set amount of health (initially 100). Each attack subtracts a random attack power value from the target's health. When one of them reaches zero health, the game ends and displays an appropriate message. To achieve the visual effect of shaking the player and enemy when attacked, CSS animations are applied temporarily using the `animation` property and a keyframe animation called `shake-enemy` and `shake-player`. Note: This is a very basic example and can be expanded upon to create a more complex RPG game with additional features such as multiple enemies, different player abilities, leveling up, etc.

→ 　

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 RPG game implemented in a single HTML file using JavaScript. It uses pictograms for visuals, and can be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <title>RPG Game</title>
    <style>
        #game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 3rem;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <span id="player">🧙‍</span>
        <span id="enemy">👾</span>
        <button onclick="attack()">Attack</button>
    </div>

<script>
        var player = document.getElementById("player");
        var enemy = document.getElementById("enemy");

function attack() {
            var playerAttackPower = Math.floor(Math.random() * 10) + 1;
            var enemyAttackPower = Math.floor(Math.random() * 10) + 1;

enemy.style.animation = "shake-enemy 0.5s 1";
            player.style.animation = "shake-player 0.5s 1";

setTimeout(function() {
                enemy.style.animation = "";
                player.style.animation = "";

var playerHealth = parseInt(player.getAttribute("data-health"));
                var enemyHealth = parseInt(enemy.getAttribute("data-health"));

enemyHealth -= playerAttackPower;
                playerHealth -= enemyAttackPower;

enemy.setAttribute("data-health", enemyHealth);
                player.setAttribute("data-health", playerHealth);

if (enemyHealth <= 0) {
                    alert("You defeated the enemy!");
                    resetGame();
                }
                else if (playerHealth <= 0) {
                    alert("Game over! You were defeated.");
                    resetGame();
                }
            }, 500);
        }

function resetGame() {
            player.setAttribute("data-health", 100);
            enemy.setAttribute("data-health", 100);
        }

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

This simple RPG game displays a player (represented by a wizard emoji) and an enemy (represented by an alien emoji) on the screen. The player can click the "Attack" button to initiate an attack on the enemy. Both the player and enemy have a set amount of health (initially 100). Each attack subtracts a random attack power value from the target's health. When one of them reaches zero health, the game ends and displays an appropriate message.

To achieve the visual effect of shaking the player and enemy when attacked, CSS animations are applied temporarily using the `animation` property and a keyframe animation called `shake-enemy` and `shake-player`.

Note: This is a very basic example and can be expanded upon to create a more complex RPG game with additional features such as multiple enemies, different player abilities, leveling up, etc.