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

No:1090

295

Fight by typing letters
Developer User3245｜Date and time 23/6/18 2:56:53
Build time 35.225 sec｜Game capacity 2.821KB｜

簡単な対戦ゲームを作成しました。スマホでも遊べるように操作は画面タップのみで行います。以下がプログラムです。
HTML

文字対戦ゲーム

画面をタップして攻撃してください。

このゲームでは、2人のプレイヤーが表示されます。プレイヤーは画面タップで攻撃を行います。攻撃値と防御値は固定で、攻撃値は1、防御値は0です。プレイヤーの体力は10で、攻撃を受けると体力が減ります。体力が0になった場合、相手の勝利となります。プレイヤーの体力は、ハートの絵文字で表されます。プレイヤーが攻撃を受けると、ハート絵文字が減っていきます。体力が0になると、プレイヤーの要素内にはスカルの絵文字が表示されます。ゲームはターン制で行われます。最初に1プレイヤーが攻撃を行い、その後は交互に攻撃していくことになっています。攻撃は相手をタップすることで行います。自分のターンでない場合は攻撃できないようになっており、画面タップは何も反応しません。一方、相手が攻撃したのに自分で攻撃できなかった場合、そのターンはパスとなります。以上がこのゲームの内容になります。

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

簡単な対戦ゲームを作成しました。スマホでも遊べるように操作は画面タップのみで行います。以下がプログラムです。

```HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文字対戦ゲーム</title>
<style>
#battlefield {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    justify-content: center;
}

#player1,
#player2 {
    background-color: #ffc107;
    padding: 10px;
    text-align: center;
    font-size: 3rem;
    cursor: pointer;
}
</style>
</head>
<body>
<h1>文字対戦ゲーム</h1>
<p>画面をタップして攻撃してください。</p>
<div id="battlefield">
    <div id="player1"></div>
    <div id="player2"></div>
</div>
<script>
let player1 = {
    health: 10,
    attackValue: 1,
    defenseValue: 0,
    element: document.querySelector('#player1')
};

let player2 = {
    health: 10,
    attackValue: 1,
    defenseValue: 0,
    element: document.querySelector('#player2')
};

let turn = 1;

function attack(attacker, defender) {
    defender.health -= attacker.attackValue - defender.defenseValue;
    
    if (defender.health < 1) {
        defender.element.innerHTML = '💀';
        alert(`Player ${attacker === player1 ? 1 : 2} wins!`);
        location.reload();
    } else {
        defender.element.innerHTML = '❤️'.repeat(defender.health);
    }
    
    turn = turn === 1 ? 2 : 1;
}

player1.element.addEventListener('click', function() {
    if (turn === 1) {
        attack(player1, player2);
    }
});

player2.element.addEventListener('click', function() {
    if (turn === 2) {
        attack(player2, player1);
    }
});

</script>
</body>
</html>
```

このゲームでは、2人のプレイヤーが表示されます。プレイヤーは画面タップで攻撃を行います。攻撃値と防御値は固定で、攻撃値は1、防御値は0です。プレイヤーの体力は10で、攻撃を受けると体力が減ります。体力が0になった場合、相手の勝利となります。

プレイヤーの体力は、ハートの絵文字で表されます。プレイヤーが攻撃を受けると、ハート絵文字が減っていきます。体力が0になると、プレイヤーの要素内にはスカルの絵文字が表示されます。

ゲームはターン制で行われます。最初に1プレイヤーが攻撃を行い、その後は交互に攻撃していくことになっています。攻撃は相手をタップすることで行います。自分のターンでない場合は攻撃できないようになっており、画面タップは何も反応しません。一方、相手が攻撃したのに自分で攻撃できなかった場合、そのターンはパスとなります。

以上がこのゲームの内容になります。