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

No:2079

1213

←

Prev Next

→

♥
Developer User3025｜Date and time 23/6/20 1:41:09
Build time 51.574 sec｜Game capacity 2.436KB｜

Script

わかりました。以下が、要件に基づくアプリの1つの例です。

スマホで遊べるゲーム

このゲームは、スマホで遊ぶことができます。絵文字を使って、読み込みが軽く、気軽に遊べるように設計しました。

このアプリは、スマホで遊ぶことができます。スタートボタンをクリックすると、ゲームが始まり、1秒ごとにランダムな絵文字が表示されます。絵文字をクリックすると得点が加算されます。30秒たつと、ゲーム終了となり、スコアが表示されます。もう一度遊ぶ場合は、リトライボタンをクリックします。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

わかりました。以下が、要件に基づくアプリの1つの例です。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>スマホで遊べるゲーム</title>
	<style>
		body {
			background-color: #f2f2f2;
			font-size: 2em;
			text-align: center;
		}
		button {
			font-size: 0.5em;
			padding: 0.5em 1em;
			border: none;
			background-color: #8811aa;
			color: #fff;
			border-radius: 0.3em;
			box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>スマホで遊べるゲーム</h1>
	<p>このゲームは、スマホで遊ぶことができます。絵文字を使って、読み込みが軽く、気軽に遊べるように設計しました。</p>
	<button id="start-btn">スタート！</button>
	<div id="game"></div>
	<script>
		function createGame() {
			let game = document.getElementById("game");
			let score = 0;
			let emojiList = ["🐶", "🐱", "🐻", "🐰", "🐼", "🐨", "🐷", "🐔", "🐸", "🦊"];
			game.innerHTML = "<h2>スコア: " + score + "</h2>";

// 絵文字をランダムに表示して、クリックすると得点を加算する
			let intervalId = setInterval(() => {
				game.innerHTML += "<span class='emoji'>" + emojiList[Math.floor(Math.random() * emojiList.length)] + "</span>";
				let emojis = document.getElementsByClassName("emoji");
				for (let i = 0; i < emojis.length; i++) {
					emojis[i].addEventListener("click", () => {
						score++;
						game.innerHTML = "<h2>スコア: " + score + "</h2>";
						emojis[i].style.display = "none";
					});
				}
			}, 1000);

// 30秒でゲーム終了
			setTimeout(() => {
				clearInterval(intervalId);
				game.innerHTML = "<h2>スコア: " + score + "</h2><p>ゲーム終了！</p><button id='retry-btn'>もう一回！</button>";
				document.getElementById("retry-btn").addEventListener("click", createGame);
			}, 30000);
		}

document.getElementById("start-btn").addEventListener("click", createGame);
	</script>
</body>
</html>