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

No:822

388

←

Prev Next

→

Its like an RPG, where you use monsters and make c..ALL
Developer User3154｜Date and time 23/6/17 19:47:29
Build time 68.05 sec｜Game capacity 4.242KB｜

Script

以下が、アプリを1枚のhtmlファイルとして実装したJavaScriptを含むゲームです。

モンスター RPG

あなたはモンスターたちとの戦いに挑む勇者です。選択肢を選び、戦いを進めましょう。

このゲームは、スマホでもプレイ可能です。最初に「新しい戦いが始まります！」と表示され、プレイヤーは「攻撃する」ボタンと「逃げる」ボタンから選択します。選択肢に応じて、プログラムが現在のモンスターのHPを減らしたり、プレイヤーのHPを減らしたりします。全てのモンスターを倒すと、「おめでとうございます！全てのモンスターを倒しました！」と表示され、プレイヤーはもう一度プレイするかどうか選択できます。プレイヤーのHPが0になると、「あなたは倒れました……やり直し！」と表示され、もう一度プレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

以下が、アプリを1枚のhtmlファイルとして実装したJavaScriptを含むゲームです。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>モンスター RPG</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
		}
		.button {
			font-size: 20px;
			padding: 10px;
			margin: 10px;
			border-radius: 5px;
			border: none;
			background-color: #4CAF50;
			color: white;
			cursor: pointer;
		}
		.monster {
			font-size: 50px;
		}
	</style>
</head>
<body>
	<h1>モンスター RPG</h1>
	<p>あなたはモンスターたちとの戦いに挑む勇者です。選択肢を選び、戦いを進めましょう。</p>
	<div id="game"></div>
	<script>
		var gameDiv = document.getElementById("game");
		var hero = {hp: 100, attack: 10};
		var monsters = [{name: "スライム", hp: 30, attack: 5},
						{name: "ゴブリン", hp: 50, attack: 8},
						{name: "ドラゴン", hp: 100, attack: 15},
						{name: "デーモン", hp: 200, attack: 20}];
		var currentMonster;
		var gameOver = false;

function startGame() {
			gameDiv.innerHTML = "";
			addText("新しい戦いが始まります！");
			currentMonster = monsters[0];
			addMonster();
			addButton("攻撃する", attack);
			addButton("逃げる", runAway);
		}

function addText(text) {
			var textElement = document.createElement("p");
			textElement.innerHTML = text;
			gameDiv.appendChild(textElement);
		}

function addMonster() {
			var monsterElement = document.createElement("p");
			monsterElement.innerHTML = "👾" + currentMonster.name + " (" + currentMonster.hp + " HP)";
			monsterElement.classList.add("monster");
			gameDiv.appendChild(monsterElement);
		}

function addButton(text, func) {
			var buttonElement = document.createElement("button");
			buttonElement.innerHTML = text;
			buttonElement.classList.add("button");
			buttonElement.addEventListener("click", func);
			gameDiv.appendChild(buttonElement);
		}

function calcDamage(attack, defence) {
			var damage = Math.floor(Math.random() * (attack - defence)) + 1;
			if (damage < 1) {
				damage = 1;
			}
			return damage;
		}

function runAway() {
			addText("あなたは逃げ出してしまいました。");
			gameOver = true;
			addButton("もう一度プレイする", startGame);
		}

startGame();
	</script>
</body>
</html>