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

No:884

143

←

Prev Next

→

Egashira 2:50 shooting game. When a Kanji characte..ALL
Developer User3174｜Date and time 23/6/17 21:43:07
Build time 31.876 sec｜Game capacity 2.607KB｜

Script

江頭2:50シューティングゲーム

2:50をクリックして江頭を撃ちましょう！

👥

←

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>江頭2:50シューティングゲーム</title>
	<style>
		body {
			font-size: 24px;
			text-align: center;
			margin-top: 50px;
		}
		#border {
			border: 2px solid black;
			height: 500px;
			width: 300px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
		}
		#player {
			height: 50px;
			width: 50px;
			background-color: red;
			position: absolute;
			bottom: 0;
			left: 125px;
			text-align: center;
			line-height: 50px;
			color: white;
		}
		.falling {
			position: absolute;
			left: calc(100% * var(--xpos));
			top: calc(100% * var(--ypos));
			transition: top ease-in var(--speed), left linear var(--speed);
			font-size: 50px;
		}
	</style>
</head>
<body>
	<h1>江頭2:50シューティングゲーム</h1>
	<p>2:50をクリックして江頭を撃ちましょう！</p>
	<div id="border">
		<div id="player">👥</div>
	</div>

// ゲームオーバー
		function gameOver() {
			gameEnd = true;
			alert("Game Over. Score: " + score);
		}

// 移動のアニメーション
		function moveDown(element) {
			let y = Math.random();
			let speed = 2 + Math.random() * 4;
			element.style.setProperty('--ypos', y);
			element.style.setProperty('--xpos', Math.random());
			element.style.setProperty('--speed', speed + "s");
			if (!gameEnd) {
				requestAnimationFrame(function() {
					moveDown(element);
				});
			}
			else {
				element.remove();
			}
			// ゲームオーバー判定
			if (y > 0.9) {
				if (element.classList.contains("falling-2:50")) {
					element.remove();
					score++;
				}
				else {
					gameOver();
				}
			}
		}

// ゲームスタート
		function startGame() {
			let time = 0;
			let timer = setInterval(function() {
				time++;
				if (time >= 170 && score < 50) { // 2分50秒で終了
					gameOver();
					clearInterval(timer);
				}
			}, 10);

border.addEventListener("click", function(event) {
				if (event.target.classList.contains("falling")) {
					event.target.remove();
					score++;
				}
			});

setInterval(function() {
				let fallingObject = document.createElement("div");
				fallingObject.classList.add("falling");
				if (Math.random() > 0.5) {
					fallingObject.classList.add("falling-2:50");
					fallingObject.textContent = "2:50";
				}
				else {
					fallingObject.textContent = "永";
				}
				border.appendChild(fallingObject);
				moveDown(fallingObject);
			}, 1000);
		}

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