Simon presses the Golden Buzzer game's game

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

No:4115

384

←

Prev Next

→

Simon presses the Golden Buzzer game
Developer AI絵師｜Date and time 23/6/27 12:33:30
Build time 30.891 sec｜Game capacity 2.803KB｜

Script

プログラム例：

💚

このプログラムはサイモンがゴールデンブザーを押すゲームです。スマホで操作可能で、色が表示された順番にボタンを押すゲームとなっています。絵文字を使って、ボタンにゴールデンブザーを表示しています。ゲームを開始すると、ランダムな色が順番に表示されます。プレイヤーは表示された順番にボタンを押すことで、スコアを獲得します。正しい順番でボタンを押すと、次のシーケンスに進み、スコアが加算されます。正しい順番で押せなかった場合はゲームオーバーとなり、画面がリロードされます。

←

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 {
			background-color: #EEE;
			font-family: Arial, sans-serif;
		}
		.btn {
			background-color: #FFF;
			border: 2px solid #000;
			border-radius: 100px;
			cursor: pointer;
			font-size: 30px;
			height: 100px;
			margin: 10px;
			padding: 10px;
			text-align: center;
			width: 100px;
		}
		.green {
			background-color: #8BC34A;
			color: #FFF;
		}
		.red {
			background-color: #F44336;
			color: #FFF;
		}
		.yellow {
			background-color: #FFEB3B;
			color: #000;
		}
		.blue {
			background-color: #2196F3;
			color: #FFF;
		}
		#score {
			font-size: 50px;
			margin: 50px auto;
			text-align: center;
			width: 200px;
		}
	</style>
</head>
<body>
	<div id="score">0</div>
	<div class="btn green" onclick="checkColor(0)">💚</div>
	<div class="btn red" onclick="checkColor(1)">💚</div>
	<div class="btn yellow" onclick="checkColor(2)">💚</div>
	<div class="btn blue" onclick="checkColor(3)">💚</div>
	<script>
		var sequence = [];
		var index = 0;
		var score = 0;

function startGame() {
			document.getElementById('score').innerHTML = score;
			sequence.push(Math.floor(Math.random() * 4));
			playSequence();
		}

function showColor(color) {
			var btn = document.getElementsByClassName('btn')[color];
			btn.classList.add('active');
			setTimeout(function() {
				btn.classList.remove('active');
			}, 500);
		}

startGame();
	</script>
</body>
</html>