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

No:171

201

←

Prev Next

→

Piano rapid-fire game
Developer User2754｜Date and time 23/6/2 16:41:20
Build time 100.929 sec｜Game capacity 2.635KB｜

Script

Piano rapid-fire game

Use the space key to hit the piano!

Score: 0

This piano rapid-fire game is、Click the START button to start. When the space key is tapped, the piano sounds randomly and、The number of times it rings is the score. It can be operated with a smartphone. We dont use pictograms.、It is fun to play.

←

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 {
			text-align: center;
			font-size: 20px;
			background-color: #f2f2f2;
		}
		h1 {
			color: #ff9933;
		}
		button {
			margin: 10px;
			padding: 20px;
			font-size: 30px;
			border-radius: 10px;
			border: none;
			background-color: white;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
			color: #ff9933;
			cursor: pointer;
		}
		button:focus {
			outline: none;
		}
		button:hover {
			background-color: #ff9933;
			color: white;
		}
		#score {
			font-size: 40px;
			color: #ff9933;
			margin: 20px;
		}
	</style>
</head>
<body>
	<h1>ピアノ連射ゲーム</h1>
	<div>スペースキーでピアノを叩こう！</div>
	<div id="score">スコア: 0</div>
	<button id="button">START</button>
	<script>
		//ピアノの音
		const sound1 = new Audio("https://raw.githubusercontent.com/mtsgit/piano-json/master/libraries/audio/A1.mp3");
		const sound2 = new Audio("https://raw.githubusercontent.com/mtsgit/piano-json/master/libraries/audio/C3.mp3");
		const sound3 = new Audio("https://raw.githubusercontent.com/mtsgit/piano-json/master/libraries/audio/E3.mp3");
		const sound4 = new Audio("https://raw.githubusercontent.com/mtsgit/piano-json/master/libraries/audio/G3.mp3");

//スコア
		let score = 0;
		const scoreElem = document.getElementById("score");

//STARTボタンをクリックするとゲームスタート
		document.getElementById("button").addEventListener("click", () => {
			//スコアをリセット
			score = 0;
			scoreElem.textContent = "スコア: " + score;

//スペースキーが押されたらピアノを鳴らす
			document.addEventListener("keydown", (event) => {
				if (event.code === "Space") {
					//ピアノを鳴らす
					const index = Math.floor(Math.random() * 4) + 1;
					if (index === 1) {
						sound1.currentTime = 0;
						sound1.play();
					} else if (index === 2) {
						sound2.currentTime = 0;
						sound2.play();
					} else if (index === 3) {
						sound3.currentTime = 0;
						sound3.play();
					} else if (index === 4) {
						sound4.currentTime = 0;
						sound4.play();
					}

//スコアを更新
					score++;
					scoreElem.textContent = "スコア: " + score;
				}
			});
		});
	</script>
</body>
</html>

このピアノ連射ゲームは、「START」ボタンをクリックするとスタートします。スペースキーを叩くとピアノがランダムに鳴り、鳴った回数がスコアになります。スマホでも操作可能です。絵文字は使用していませんが、楽しくプレイできます。