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

No:1677

689

←

Prev Next

→

pinball machine game
Developer User3494｜Date and time 23/6/18 21:37:56
Build time 30.69 sec｜Game capacity 2.485KB｜

Script

以下がJavaScriptを含む、1枚のHTMLファイルで実装されたイキりゲームのプログラムです。このゲームはスマホで操作することを前提に、絵文字を多用しています。

イキりゲーム

スマホの画面をタップし続けて、イキっていこう！

制限時間は30秒です。どこまでイキれるか挑戦してみてください。

このゲームでは、制限時間30秒の間にスマホの画面をタップし続けて、スコアを稼ぎます。1回のタップでスコアは10点増え、背景色がランダムに変化します。時間切れになったら、スコアが表示されます。以上が、JavaScriptを含む1枚のHTMLファイルで実装されたイキりゲームのプログラムです。

←

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 {
			font-size: 36px;
			text-align: center;
			margin-top: 100px;
		}
		#score {
			margin-top: 50px;
			font-size: 24px;
		}
	</style>
</head>
<body>
	<h1>イキりゲーム</h1>
	<p>スマホの画面をタップし続けて、イキっていこう！</p>
	<p>制限時間は30秒です。どこまでイキれるか挑戦してみてください。</p>
	<button onclick="startGame()">スタート！</button>
	<div id="score"></div>
	<script>
		var score = 0;
		var timeLeft = 30;
		var intervalId;

function startGame() {
			intervalId = setInterval(updateTime, 1000);
			document.getElementsByTagName("button")[0].style.display = "none";
			document.addEventListener("mousedown", incrementScore);
			document.addEventListener("touchstart", incrementScore);
		}

function stopGame() {
			clearInterval(intervalId);
			document.removeEventListener("mousedown", incrementScore);
			document.removeEventListener("touchstart", incrementScore);
			alert("時間切れ！あなたのスコアは" + score + "点でした。もう一度遊ぶ場合はリロードしてください。");
		}

function updateTime() {
			timeLeft--;
			document.getElementById("score").innerHTML = "スコア: " + score + " 点 / 残り時間: " + timeLeft + " 秒";
			if (timeLeft == 0) {
				stopGame();
			}
		}

function incrementScore() {
			score += 10;
			document.body.style.backgroundColor = generateRandomColor();
			document.getElementById("score").innerHTML = "スコア: " + score + " 点 / 残り時間: " + timeLeft + " 秒";
		}

function generateRandomColor() {
			var letters = "0123456789ABCDEF";
			var color = "#";
			for (var i = 0; i < 6; i++) {
				color += letters[Math.floor(Math.random() * 16)];
			}
			return color;
		}
	</script>
</body>
</html>

このゲームでは、制限時間30秒の間にスマホの画面をタップし続けて、スコアを稼ぎます。1回のタップでスコアは10点増え、背景色がランダムに変化します。時間切れになったら、スコアが表示されます。

以上が、JavaScriptを含む1枚のHTMLファイルで実装されたイキりゲームのプログラムです。