Um RPG de urno em pixels, coloque os botões de ação na parte de baixo, o meu personagem 🧙‍♂️ no lado direito com a vida em baixo dele e o inimigo 👩‍✈️ na esquerda com a vida em baixo do inimigo etc's game

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

No:43062

166

←

Prev Next

→

Um RPG de urno em pixels, coloque os botões de açã..ALL
Developer User19080｜Date and time 24/2/14 4:47:36
Build time 21.533 sec｜Game capacity 6.074KB｜

Script

Aqui está um exemplo de um RPG de turno em pixels com os botões de ação na parte de baixo, o personagem do jogador à direita com a vida abaixo dele e o inimigo à esquerda com a vida abaixo do inimigo. O jogo é jogado usando um smartphone.

🧙‍♂️

👩‍✈️

Este é um exemplo simples de um RPG de turno em pixels. Ele inclui um botão de ataque, um botão de defesa e um botão de cura na parte inferior da tela. O jogador começa com 100 pontos de vida e o inimigo também começa com 100 pontos de vida. Cada turno, o jogador escolhe uma ação e o inimigo escolhe uma ação aleatoriamente. O jogador vence se reduzir a vida do inimigo a 0 e perde se a própria vida chegar a 0. As barras de vida são atualizadas a cada turno e exibem a porcentagem restante de vida do jogador e do inimigo.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>RPG de Turno em Pixels</title>
    <meta charset="utf-8">
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }

#game-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100vh;
            background-color: #f2f2f2;
            padding: 10px;
        }

#player {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

#enemy {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

#action-buttons {
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-top: 20px;
        }

.character {
            width: 50px;
            height: 50px;
            background-color: #333;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 10px;
            font-size: 20px;
            font-weight: bold;
        }

.life-bar {
            width: 100px;
            height: 10px;
            background-color: #ccc;
            margin-bottom: 10px;
        }

.life {
            height: 10px;
            background-color: #4caf50;
        }

.button {
            background-color: #4caf50;
            color: #fff;
            border: none;
            padding: 10px 15px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player">
            <div class="character">🧙‍♂️</div>
            <div class="life-bar">
                <div id="player-life" class="life"></div>
            </div>
        </div>
        <div id="enemy">
            <div class="character">👩‍✈️</div>
            <div class="life-bar">
                <div id="enemy-life" class="life"></div>
            </div>
        </div>
    </div>

<div id="action-buttons">
        <button class="button" onclick="attack()">Ataque</button>
        <button class="button" onclick="defend()">Defesa</button>
        <button class="button" onclick="heal()">Cura</button>
    </div>

function updateLifeBars() {
            document.getElementById('player-life').style.width = playerLife + '%';
            document.getElementById('enemy-life').style.width = enemyLife + '%';
        }

function attack() {
            var damage = Math.floor(Math.random() * 10) + 1; // Dano aleatório de 1 a 10
            enemyLife -= damage;

if (enemyLife < 0) {
                enemyLife = 0;
            }

updateLifeBars();

if (enemyLife === 0) {
                alert('Você venceu!');
                reset();
            } else {
                enemyTurn();
            }
        }

function defend() {
            playerLife += 5; // Aumenta a vida do jogador em 5 pontos
            if (playerLife > 100) {
                playerLife = 100;
            }

updateLifeBars();
            enemyTurn();
        }

function heal() {
            var healing = Math.floor(Math.random() * 10) + 1; // Cura aleatória de 1 a 10
            playerLife += healing;

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

updateLifeBars();
            enemyTurn();
        }

function enemyTurn() {
            var action = Math.floor(Math.random() * 3); // Escolhe uma ação aleatória para o inimigo

switch (action) {
                case 0: // Ataque
                    var enemyDamage = Math.floor(Math.random() * 10) + 1; // Dano aleatório de 1 a 10
                    playerLife -= enemyDamage;

if (playerLife < 0) {
                        playerLife = 0;
                    }

updateLifeBars();

if (playerLife === 0) {
                        alert('Você perdeu!');
                        reset();
                    }
                    break;
                case 1: // Defesa
                    enemyLife += 5; // Aumenta a vida do inimigo em 5 pontos
                    if (enemyLife > 100) {
                        enemyLife = 100;
                    }
                    updateLifeBars();
                    break;
                case 2: // Cura
                    var enemyHealing = Math.floor(Math.random() * 10) + 1; // Cura aleatória de 1 a 10
                    enemyLife += enemyHealing;

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

updateLifeBars();
                    break;
            }
        }

function reset() {
            playerLife = 100;
            enemyLife = 100;
            updateLifeBars();
        }
    </script>
</body>
</html>
```