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

No:2777

1207

←

Prev Next

→

Rpg
Developer User3615｜Date and time 23/6/22 17:26:15
Build time 17.264 sec｜Game capacity 2.41KB｜

Script

を作成してみました。

Emoji RPG

Your HP: 20

Enemy HP: 10

このRPGは、プレイヤーがボタンを操作して敵と戦うものです。攻撃、回復、逃げるという選択肢があり、敵のHPをゼロにすることが勝利条件です。敵も攻撃してくるため、プレイヤーのHPがゼロになると敗北となります。絵文字を使ってわかりやすく、スマホでも操作しやすいように配置しました。気軽に楽しんでください！

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

を作成してみました。

<!DOCTYPE html>
<html>
<head>
	<title>Emoji RPG</title>
	<meta charset="UTF-8">
	<style type="text/css">
		body {
			font-size: 3em;
			text-align: center;
			margin-top: 10%;
		}
		button {
			padding: 20px;
			font-size: 0.5em;
		}
	</style>
</head>
<body>
	<h1>Emoji RPG</h1>
	<p id="message"></p>
	<div>
		<button onclick="attack()">🗡️ Attack</button>
		<button onclick="heal()">🧪 Heal</button>
		<button onclick="escape()">🏃‍♂️ Escape</button>
	</div>
	<p>Your HP: <span id="playerhp">20</span></p>
	<p>Enemy HP: <span id="enemyhp">10</span></p>
	<script type="text/javascript">
		var playerhp = 20;
		var enemyhp = 10;
		var message = document.getElementById("message");

function heal() {
			var hp = Math.floor(Math.random() * 4) + 1;
			playerhp += hp;
			message.innerHTML = "You heal for " + hp + " HP.";
			updateHP();
			enemyAttack();
		}

function escape() {
			message.innerHTML = "You escape!";
			disableButtons();
		}

function enemyAttack() {
			var damage = Math.floor(Math.random() * 3) + 1;
			playerhp -= damage;
			message.innerHTML += " The enemy hit you for " + damage + " damage.";
			updateHP();
			if(playerhp <= 0) {
				message.innerHTML = "You lose!";
				disableButtons();
			}
		}

function updateHP() {
			document.getElementById("playerhp").innerHTML = playerhp;
			document.getElementById("enemyhp").innerHTML = enemyhp;
		}

function disableButtons() {
			document.getElementsByTagName("button")[0].disabled = true;
			document.getElementsByTagName("button")[1].disabled = true;
			document.getElementsByTagName("button")[2].disabled = true;
		}
	</script>
</body>
</html>