Destroy the city game 🎮.'s game

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

No:9595

←

Prev Next

→

Destroy the city game 🎮.
Developer User4392｜Date and time 23/7/26 7:51:41
Build time 18.09 sec｜Game capacity 1.821KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>街を破壊するゲーム</title>
</head>
<body>
	<div id="game-container" style="width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; font-size: 3rem;">

// 街の状態を管理するオブジェクト
			const city = {
				width: 100,
				height: 100,
				population: 100,
				destroyedBuildings: [],
				generateCity: function() {
					for (let i = 0; i < this.height; i++) {
						for (let j = 0; j < this.width; j++) {
							const building = document.createElement("span");
							building.innerHTML = "🏢";
							building.style.padding = "0.5rem";
							building.style.cursor = "pointer";
							building.addEventListener("click", () => this.destroyBuilding(i, j));
							gameContainer.appendChild(building);
						}
						gameContainer.appendChild(document.createElement("br"));
					}
				},
				destroyBuilding: function(x, y) {
					const buildingIndex = this.destroyedBuildings.findIndex(building => building.x === x && building.y === y);
					if (buildingIndex === -1) {
						const building = {x: x, y: y};
						this.destroyedBuildings.push(building);
						score += 1;
						gameContainer.children[x * (this.width + 1) + y].innerHTML = "💥";
						gameContainer.children[x * (this.width + 1) + y].style.cursor = "default";
					}
				},
				checkGameOver: function() {
					if (this.destroyedBuildings.length === this.width * this.height) {
						alert("Game Over! Total Score: " + score);
					}
				}
			};

// ゲームの初期化
			city.generateCity();

// ゲーム終了時にスコアを表示する
			city.checkGameOver();
		</script>

</div>
</body>
</html>