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

No:1722

147

←

Prev Next

→

Abalone Licking Game
Developer User3310｜Date and time 23/6/18 22:38:00
Build time 37.346 sec｜Game capacity 3.143KB｜

Script

アワビを舐めるゲーム

アワビを舐めるのは好きですか？
挑戦してみてください！

このプログラムは、アワビを舐めるゲームです。スマホでも遊べるように、ボタンを大きくし、絵文字をたくさん使いました。ゲームの概要は、30秒間でアワビをクリックしてスコアを稼ぐというものです。アワビはランダムに表示されるため、注意してクリックしてください。時間が切れると、ゲームオーバーとなり、スタートボタンが再度表示されます。

←

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>アワビを舐めるゲーム</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #FFE4C4;
			font-size: 24px;
			text-align: center;
		}
		h1 {
			font-size: 36px;
			font-weight: bold;
			margin-top: 50px;
			margin-bottom: 30px;
		}
		#message {
			font-size: 28px;
			font-weight: bold;
			margin-top: 30px;
			margin-bottom: 20px;
		}
		#remaining {
			font-size: 24px;
			font-weight: bold;
			margin-top: 20px;
			margin-bottom: 30px;
		}
		button {
			font-size: 28px;
			font-weight: bold;
			background-color: #F0E68C;
			border: none;
			padding: 20px;
			border-radius: 10px;
			cursor: pointer;
		}
		button:hover {
			background-color: #FFD700;
		}
	</style>
</head>
<body>
	<h1>アワビを舐めるゲーム</h1>
	<p>アワビを舐めるのは好きですか？<br>挑戦してみてください！</p>
	<button id="startButton">スタート</button>
	<div id="message"></div>
	<div id="remaining"></div>

function startGame() {
			document.getElementById("startButton").style.display = "none";
			document.getElementById("message").innerHTML = "";
			document.getElementById("remaining").innerHTML = "残り時間：" + remainingTime + "秒<br>スコア：" + score + "点";
			timer = setInterval(function() {
				remainingTime--;
				document.getElementById("remaining").innerHTML = "残り時間：" + remainingTime + "秒<br>スコア：" + score + "点";
				if (remainingTime == 0) {
					clearInterval(timer);
					document.getElementById("message").innerHTML = "時間切れ！";
					document.getElementById("startButton").style.display = "inline-block";
				}
			}, 1000);

document.addEventListener("click", function(event) {
				if (event.target.className === "awabi") {
					score++;
					document.getElementById("remaining").innerHTML = "残り時間：" + remainingTime + "秒<br>スコア：" + score + "点";
					event.target.style.display = "none";
				}
			});

for (var i = 1; i <= 10; i++) {
				var awabi = document.createElement("span");
				awabi.innerHTML = "🐚";
				awabi.style.fontSize = "64px";
				awabi.style.position = "absolute";
				awabi.style.top = Math.floor(Math.random() * (window.innerHeight - 200)) + "px";
				awabi.style.left = Math.floor(Math.random() * (window.innerWidth - 100)) + "px";
				awabi.style.cursor = "pointer";
				awabi.className = "awabi";
				document.body.appendChild(awabi);
			}
		}

document.getElementById("startButton").addEventListener("click", function() {
			startGame();
		});
	</script>
</body>
</html>