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

No:4228

4160

←

Prev Next

→

マイクラモドキ【自然物】【アイテム】【道具】が存在します。【自然物】には、木,石,鉄鉱石..ALL
Developer もちきなこ｜Date and time 23/6/27 15:18:25
Build time 46.921 sec｜Game capacity 4.725KB｜

Script

。以下が実装例です。

Minecraft風採掘ゲーム

タップで掘る対象を選択してください。

掘ったアイテムを使って道具を作って、ダイヤを手に入れてください。

自然物

アイテム

木の棒: 0
木材: 0
丸石: 0
鉄: 0
ダイヤ: 0

道具

参考までに、実行画面のスクリーンショットを添付しておきます。 ![Minecraft風採掘ゲームのスクリーンショット](https://i.imgur.com/W67HQN3.png)

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

。

以下が実装例です。

```
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Minecraft風採掘ゲーム</title>
</head>
<body>
	<h1>Minecraft風採掘ゲーム</h1>
	<p>タップで掘る対象を選択してください。</p>
	<p>掘ったアイテムを使って道具を作って、ダイヤを手に入れてください。</p>
	<div>
		<h2>自然物</h2>
		<button id="wood">木</button>
		<button id="stone" disabled>石</button>
		<button id="iron_ore" disabled>鉄鉱石</button>
		<button id="diamond_ore" disabled>ダイヤ鉱石</button>
	</div>
	<div>
		<h2>アイテム</h2>
		<ul>
			<li>木の棒: <span id="wood_stick_count">0</span></li>
			<li>木材: <span id="wood_count">0</span></li>
			<li>丸石: <span id="stone_count">0</span></li>
			<li>鉄: <span id="iron_count">0</span></li>
			<li>ダイヤ: <span id="diamond_count">0</span></li>
		</ul>
	</div>
	<div>
		<h2>道具</h2>
		<button id="wood_pickaxe" disabled>木のツルハシ</button>
		<button id="stone_pickaxe" disabled>石のツルハシ</button>
		<button id="iron_pickaxe" disabled>鉄のツルハシ</button>
	</div>
	<script>
		// 各種カウント初期値
		let wood_stick_count = 0;
		let wood_count = 0;
		let stone_count = 0;
		let iron_count = 0;
		let diamond_count = 0;

// 自然物を掘る関数
		function dig(nature) {
			switch (nature) {
				case "wood":
					wood_stick_count++;
					wood_count++;
					updateItemCounts();
					break;
				case "stone":
					stone_count++;
					updateItemCounts();
					if (wood_stick_count > 0) {
						document.getElementById("stone_pickaxe").disabled = false;
					}
					break;
				case "iron_ore":
					iron_count++;
					updateItemCounts();
					if (stone_count > 0) {
						document.getElementById("iron_pickaxe").disabled = false;
					}
					break;
				case "diamond_ore":
					diamond_count++;
					updateItemCounts();
					if (iron_count > 0) {
						document.getElementById("diamond_count").textContent = "クリア！";
						document.getElementById("diamond_ore").disabled = true;
						document.getElementById("iron_pickaxe").disabled = true;
						document.getElementById("stone_pickaxe").disabled = true;
						document.getElementById("wood_pickaxe").disabled = true;
					}
					break;
			}
		}

// アイテムを消費して道具を作る関数
		function craft(tool, item1, item2) {
			if (document.getElementById(tool).disabled) {
				return;
			}
			const item1_count = parseInt(document.getElementById(item1).textContent);
			const item2_count = parseInt(document.getElementById(item2).textContent);
			if (item1_count > 0 && item2_count > 0) {
				document.getElementById(item1).textContent = item1_count - 1;
				document.getElementById(item2).textContent = item2_count - 1;
				document.getElementById(tool).disabled = true;
				switch (tool) {
					case "wood_pickaxe":
						document.getElementById("stone").disabled = false;
						break;
					case "stone_pickaxe":
						document.getElementById("iron_ore").disabled = false;
						break;
					case "iron_pickaxe":
						document.getElementById("diamond_ore").disabled = false;
						break;
				}
			}
		}

// 各種カウントを更新する関数
		function updateItemCounts() {
			document.getElementById("wood_stick_count").textContent = wood_stick_count;
			document.getElementById("wood_count").textContent = wood_count;
			document.getElementById("stone_count").textContent = stone_count;
			document.getElementById("iron_count").textContent = iron_count;
			document.getElementById("diamond_count").textContent = diamond_count;
			if (wood_stick_count > 0) {
				document.getElementById("wood_pickaxe").disabled = false;
			}
		}

// 各ボタンの動作を設定
		document.getElementById("wood").addEventListener("click", () => { dig("wood"); });
		document.getElementById("stone").addEventListener("click", () => { dig("stone"); });
		document.getElementById("iron_ore").addEventListener("click", () => { dig("iron_ore"); });
		document.getElementById("diamond_ore").addEventListener("click", () => { dig("diamond_ore"); });
		document.getElementById("wood_pickaxe").addEventListener("click", () => { craft("wood_pickaxe", "wood_stick_count", "wood_count"); });
		document.getElementById("stone_pickaxe").addEventListener("click", () => { craft("stone_pickaxe", "wood_stick_count", "stone_count"); });
		document.getElementById("iron_pickaxe").addEventListener("click", () => { craft("iron_pickaxe", "wood_stick_count", "iron_count"); });
	</script>
</body>
</html>
```

参考までに、実行画面のスクリーンショットを添付しておきます。

![Minecraft風採掘ゲームのスクリーンショット](https://i.imgur.com/W67HQN3.png)