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

No:1435

159

←

Prev Next

→

Games that make you depressed
Developer AI絵師｜Date and time 23/6/18 15:58:04
Build time 41.885 sec｜Game capacity 3.492KB｜

Script

鬱になるゲーム

😐

スタートボタンを押してね！

😔

画面をタップしてね！

😫

ゲームオーバー！

あなたのスコアは点でした。

このゲームは、画面をタップしてスコアを稼ぐゲームです。10%の確率で画面が暗くなったり明るくなったりしますが、30%の確率で画面に穴が開いてしまい、ゲームオーバーになります。何度も挑戦して、高いスコアを目指しましょう！

←

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: #000;
			color: #fff;
			text-align: center;
			font-family: Arial, sans-serif;
		}
		h1 {
			margin-top: 50px;
		}
		#score {
			font-size: 30px;
			margin-top: 20px;
		}
		#startBtn {
			background-color: #fff;
			color: #000;
			padding: 10px 20px;
			font-size: 20px;
			border-radius: 10px;
			margin-top: 30px;
			cursor: pointer;
		}
		#game {
			display: none;
			margin-top: 50px;
		}
		#gameOver {
			display: none;
			margin-top: 50px;
		}
		#retryBtn {
			background-color: #fff;
			color: #000;
			padding: 10px 20px;
			font-size: 20px;
			border-radius: 10px;
			margin-top: 30px;
			cursor: pointer;
		}
		#emoji {
			font-size: 50px;
		}
	</style>
</head>
<body>
	<h1>鬱になるゲーム</h1>
	
	<div id="start">
		<p id="emoji">😐</p>
		<p>スタートボタンを押してね！</p>
		<button id="startBtn">スタート</button>
	</div>

<div id="game">
		<p id="emoji">😔</p>
		<p>画面をタップしてね！</p>
		<p id="score">0</p>
	</div>

<div id="gameOver">
		<p id="emoji">😫</p>
		<p>ゲームオーバー！</p>
		<p>あなたのスコアは <span id="finalScore"></span> 点でした。</p>
		<button id="retryBtn">もう一度プレイする</button>
	</div>

// スタートボタン押下時の処理
		startBtn.addEventListener('click', () => {
			gameStarted = true;
			document.querySelector('#start').style.display = 'none';
			gameScreen.style.display = 'block';
		});

// 画面タップ時の処理
		gameScreen.addEventListener('click', () => {
			if (gameStarted) {
				score++;
				scoreText.textContent = score;
			}
		});

// ゲームオーバー時の処理
		function gameOver() {
			gameStarted = false;
			gameScreen.style.display = 'none';
			gameOverScreen.style.display = 'block';
			finalScoreText.textContent = score;
		}

// ゲームループ
		setInterval(() => {
			if (gameStarted) {
				const random = Math.random();
				if (random < 0.1) {
					// 10%の確率で画面が暗くなる
					document.body.style.backgroundColor = '#444';
				} else if (random < 0.2) {
					// 10%の確率で画面が明るくなる
					document.body.style.backgroundColor = '#ccc';
				} else if (random < 0.3) {
					// 10%の確率で画面に穴が開く
					gameOver();
				}
			}
		}, 100);

// もう一度プレイするボタン押下時の処理
		retryBtn.addEventListener('click', () => {
			score = 0;
			scoreText.textContent = score;
			gameOverScreen.style.display = 'none';
			document.querySelector('#start').style.display = 'block';
		});
	</script>
</body>
</html>