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

No:2134

4218

plaque
Developer anonymous｜Date and time 70/1/1 9:46:09
Build time unknown sec｜Game capacity 2.769KB｜

種類：単純なクリックゲーム目的：最高得点を取得する操作：スマホタップルール：ユーザーは、画面に表示される複数のプラークをタップして得点を獲得する。プラークをタップすると、ランダムに得点が加算され、別の場所に移動する。時間制限はないが、得点が一定値以上になると、プラークが減少する。ユーザーがプラークをすべてタップした後、得点が表示される。以下のコードを使用して、1つのhtmlファイルにアプリを実装します（JavaScriptも含まれています）：

プラーク

タップして得点を獲得しよう！

スコア：0

このHTMLファイルでは、プラークを作成する関数 "createPlaque"と、プラークを管理する配列 "plaques"が定義されています。また、プラークが見つかるたびに得点が加算され、プラークが減少するように設定されています。ユーザーは、タップしてプラークを見つけ、どれだけの得点を獲得できるかを確認できます。

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

種類：単純なクリックゲーム
目的：最高得点を取得する
操作：スマホタップ
ルール：ユーザーは、画面に表示される複数のプラークをタップして得点を獲得する。プラークをタップすると、ランダムに得点が加算され、別の場所に移動する。時間制限はないが、得点が一定値以上になると、プラークが減少する。ユーザーがプラークをすべてタップした後、得点が表示される。

以下のコードを使用して、1つのhtmlファイルにアプリを実装します（JavaScriptも含まれています）：

<!DOCTYPE html>
<html>
<head>
	<title>プラーク</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align: center;">
	<h1>プラーク</h1>
	<p>タップして得点を獲得しよう！</p>
	<p id="score">スコア：0</p>
	<div id="plaque-container"></div>
	<script>
		var score = 0;
		var plaqueCount = 10;
		var plaques = [];

function createPlaque() {
			var plaque = document.createElement("span");
			plaque.innerHTML = "🎖️";
			plaque.style.fontSize = "30px";
			plaque.style.position = "absolute";
			plaque.style.top = Math.floor(Math.random() * (window.innerHeight - 50)) + "px";
			plaque.style.left = Math.floor(Math.random() * (window.innerWidth - 50)) + "px";
			plaque.addEventListener("click", function() {
				score += Math.floor(Math.random() * 10) + 1;
				document.getElementById("score").innerHTML = "スコア：" + score;
				this.style.top = Math.floor(Math.random() * (window.innerHeight - 50)) + "px";
				this.style.left = Math.floor(Math.random() * (window.innerWidth - 50)) + "px";
				if (score >= 50 && plaqueCount > 5) {
					for (var i = 0; i < 5; i++) {
						var removedPlaque = plaques.pop();
						removedPlaque.parentNode.removeChild(removedPlaque);
						plaqueCount--;
					}
				}
				if (score >= 100 && plaqueCount > 0) {
					var removedPlaque = plaques.pop();
					removedPlaque.parentNode.removeChild(removedPlaque);
					plaqueCount--;
				}
			});
			return plaque;
		}

for (var i = 0; i < plaqueCount; i++) {
			var plaque = createPlaque();
			document.getElementById("plaque-container").appendChild(plaque);
			plaques.push(plaque);
		}
	</script>
</body>
</html>

このHTMLファイルでは、プラークを作成する関数 "createPlaque"と、プラークを管理する配列 "plaques"が定義されています。また、プラークが見つかるたびに得点が加算され、プラークが減少するように設定されています。ユーザーは、タップしてプラークを見つけ、どれだけの得点を獲得できるかを確認できます。