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

No:1773

3430

←

Prev Next

→

beat-em-up game
Developer anonymous｜Date and time 70/1/1 9:33:33
Build time unknown sec｜Game capacity 2.013KB｜

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: #000;
			color: #fff;
			font-size: 2rem;
			text-align: center;
			margin: 0;
		}

#target {
			font-size: 5rem;
			margin: 10% auto;
		}
	</style>
</head>
<body>
	<h1>音ゲー</h1>
	<p>音楽に合わせてキーを押してください。</p>
	<div id="target">🎵</div>

function createTarget() {
			const target = document.getElementById("target");
			const emojis = ["🎵", "🎶", "🎸", "🥁", "🎹", "🎺", "👏", "👍"];
			const randomIndex = Math.floor(Math.random() * emojis.length);
			target.textContent = emojis[randomIndex];
		}

function addScore() {
			score++;
			const scoreElement = document.getElementById("score");
			scoreElement.textContent = "Score: " + score;
		}

function playSound() {
			// 音楽を再生するコード
		}

document.addEventListener("keydown", function(event) {
			const target = document.getElementById("target").textContent;
			if (event.key === target) {
				createTarget();
				addScore();
				playSound();
			}
		});

setInterval(function() {
			const target = document.getElementById("target");
			const currentPosition = target.offsetTop;
			const newPosition = currentPosition + speed;
			target.style.top = newPosition + "px";

if (newPosition > window.innerHeight) {
				createTarget();
			}
		}, 50);
	</script>
</body>
</html>