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

No:21127

←

Prev Next

→

ペットを強くする
Developer User9342｜Date and time 23/10/13 15:26:39
Build time 122.454 sec｜Game capacity 2.362KB｜

Script

以下は、スマートフォン向けのゲーム「ペット強化」の簡易的な実装例です。ゲームの目的は、ペットを強化していくことです。

ペット強化

🐶

体力: 100

満腹度: 100

成長度: 0

この実装では、「エサをあげる」ボタン、「遊ぶ」ボタン、「トレーニングする」ボタンがあり、それぞれ押すことでペットの状態が変化します。また、ペットの体力、満腹度、成長度が表示され、これらの値が変化すると自動的に表示も更新されます。ペットの満腹度や体力が0以下になるとゲームオーバーとなり、ページを再読み込みしてゲームをリセットします。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

以下は、スマートフォン向けのゲーム「ペット強化」の簡易的な実装例です。ゲームの目的は、ペットを強化していくことです。

```html
<!DOCTYPE html>
<html>
<head>
	<title>ペット強化</title>
</head>
<body>
	<h1>ペット強化</h1>
	<div>
		<p id="pet">🐶</p>
		<button onclick="feedPet()">エサをあげる</button>
		<button onclick="playWithPet()">遊ぶ</button>
		<button onclick="trainPet()">トレーニングする</button>
		<p>体力: <span id="health">100</span></p>
		<p>満腹度: <span id="hunger">100</span></p>
		<p>成長度: <span id="growth">0</span></p>
	</div>

// エサをあげる処理
		function feedPet() {
			pet.hunger += 10;
			updateStatus();
		}

// 遊ぶ処理
		function playWithPet() {
			pet.health += 10;
			updateStatus();
		}

// トレーニングする処理
		function trainPet() {
			pet.growth += 10;
			updateStatus();
		}

// ペットの状態を更新する処理
		function updateStatus() {
			// 体力の更新
			document.getElementById("health").textContent = pet.health;
			// 満腹度の更新
			document.getElementById("hunger").textContent = pet.hunger;
			// 成長度の更新
			document.getElementById("growth").textContent = pet.growth;

// ペットの状態を確認し、満腹度が0以下または体力が0以下になった場合はゲームオーバーとする
			if (pet.hunger <= 0 || pet.health <= 0) {
				gameOver();
			}
		}

// ゲームオーバー時の処理
		function gameOver() {
			alert("ゲームオーバー！");
			location.reload(); // ページの再読み込み
		}

// ゲームの実行開始時にペットの状態を更新する
		updateStatus();
	</script>
</body>
</html>
```

この実装では、「エサをあげる」ボタン、
「遊ぶ」ボタン、
「トレーニングする」ボタンがあり、それぞれ押すことでペットの状態が変化します。また、ペットの体力、満腹度、成長度が表示され、これらの値が変化すると自動的に表示も更新されます。ペットの満腹度や体力が0以下になるとゲームオーバーとなり、ページを再読み込みしてゲームをリセットします。