どうスクのアプデを放置した開発者ひさしを絶望的に人生を最悪にするゲー厶

タップしてスタート！

得点: 0

このゲームは、スマホで操作しやすいタップ操作を使用しています。画面内に表示される「慰めの顔文字」をクリックすると、ランダムに画面内を移動します。プレイヤーがクリックするたびに得点が加算されます。プレイヤーが画面上部に到達するとゲームオーバーで、スコアが表示されます。リスタートボタンを押すと、再度ゲームをプレイできます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>どうスクのアプデを放置した開発者ひさしを絶望的に人生を最悪にするゲー厶</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #fce0e0;
			font-family: Arial, sans-serif;
			text-align: center;
			margin: 0;
			padding: 0;
		}
		#title {
			font-size: 2em;
			margin: 1em 0;
		}
		#score {
			font-size: 3em;
			margin: 1em 0;
			display: none;
		}
		#game-area {
			margin: 1em 0;
		}
		#start-btn {
			background-color: #4caf50;
			color: white;
			border-radius: 10px;
			padding: 1em;
			font-size: 1.5em;
			cursor: pointer;
		}
		#restart-btn {
			background-color: #4caf50;
			color: white;
			border-radius: 10px;
			padding: 1em;
			font-size: 1.5em;
			cursor: pointer;
			display: none;
		}
	</style>
</head>
<body>
	<h1 id="title">どうスクのアプデを放置した開発者ひさしを絶望的に人生を最悪にするゲー厶</h1>
	<p>タップしてスタート！</p>
	<p id="score">得点: 0</p>
	<div id="game-area">
		<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/278/sad-but-relieved-face_1f625.png" alt="Sad but Relieved Face" id="player">
	</div>
	<button id="start-btn">スタート</button>
	<button id="restart-btn">リスタート</button>
	<script>
		let score = 0;
		const player = document.getElementById("player");
		const startBtn = document.getElementById("start-btn");
		const restartBtn = document.getElementById("restart-btn");
		const scoreLabel = document.getElementById("score");
		const gameArea = document.getElementById("game-area");
		const maxWidth = gameArea.offsetWidth - player.width;
		const maxHeight = gameArea.offsetHeight - player.height;
		
		startBtn.addEventListener("click", startGame);
		restartBtn.addEventListener("click", restartGame);
		gameArea.addEventListener("click", jumpPlayer);
		
		function startGame() {
			startBtn.style.display = "none";
			scoreLabel.style.display = "block";
			player.style.display = "block";
			restartBtn.style.display = "none";
			score = 0;
			scoreLabel.innerHTML = "得点: " + score;
			animatePlayer();
		}
		
		function restartGame() {
			startBtn.style.display = "none";
			scoreLabel.style.display = "block";
			player.style.display = "block";
			restartBtn.style.display = "none";
			score = 0;
			scoreLabel.innerHTML = "得点: " + score;
			player.style.top = "50%";
			animatePlayer();
		}
		
		function animatePlayer() {
			const x = Math.random() * maxWidth;
			const y = Math.random() * maxHeight;
			player.style.left = x + "px";
			player.style.top = y + "px";
			setTimeout(() => {
				if (player.style.display !== "none") {
					animatePlayer();
				}
			}, 1000);
		}
		
		function jumpPlayer() {
			player.style.top = parseInt(player.style.top) - 100 + "px";
			if (parseInt(player.style.top) <= 0) {
				player.style.top = "0px";
			}
			score++;
			scoreLabel.innerHTML = "得点: " + score;
		}
	</script>
</body>
</html>