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

No:4406

2999

←

Prev Next

→

A game in which you control an astronaut until he ..ALL
Developer anonymous｜Date and time 70/1/1 9:42:00
Build time unknown sec｜Game capacity 2.52KB｜

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: black;
			color: white;
			font-family: Arial, sans-serif;
			text-align: center;
			margin-top: 100px;
		}
		
		#rocket {
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -12px;
		}
		
		#moon {
			position: relative;
			margin-top: 50px;
			margin-bottom: 100px;
		}
		
		#landing {
			position: absolute;
			bottom: 80px;
			left: 50%;
			margin-left: -50px;
		}
	</style>
</head>
<body>
	<h1>月面着陸ゲーム</h1>
	<div id="moon">🌕</div>
	<div id="rocket">🚀</div>
	<div id="landing">🏠</div>
	<script>
		let rocket = document.getElementById("rocket");
		let moon = document.getElementById("moon");
		let landing = document.getElementById("landing");
		
		let speed = 0;
		let angle = 0;
		let rotate = 0;
		let landed = false;
		
		function update() {
			if (landed) {
				return;
			}
			
			angle += rotate;
			if (angle < -90) {
				angle = -90;
			}
			if (angle > 90) {
				angle = 90;
			}
			speed += Math.sin(angle * Math.PI / 180) * 0.05;
			speed -= 0.1;
			if (speed < -2) {
				speed = -2;
			}
			rocket.style.transform = "rotate(" + angle + "deg) translateY(" + speed + "px)";
			
			if (rocket.offsetTop + rocket.offsetHeight >= moon.offsetTop) {
				if (angle < -15 || angle > 15) {
					alert("墜落しました");
					location.reload();
				} else {
					landed = true;
					alert("着陸成功！");
				}
			}
			if (rocket.offsetLeft + rocket.offsetWidth >= landing.offsetLeft && rocket.offsetLeft <= landing.offsetLeft + landing.offsetWidth) {
				if (rocket.offsetTop + rocket.offsetHeight >= landing.offsetTop) {
					if (angle < -15 || angle > 15) {
						alert("墜落しました");
						location.reload();
					} else {
						landed = true;
						alert("着陸成功！");
					}
				}
			}
			
			setTimeout(update, 10);
		}
		
		document.addEventListener("keydown", function(event) {
			if (event.key == "ArrowLeft") {
				rotate = -1;
			}
			if (event.key == "ArrowRight") {
				rotate = 1;
			}
			if (event.key == "ArrowUp") {
				speed += 1;
				if (speed > 5) {
					speed = 5;
				}
			}
			if (event.key == "ArrowDown") {
				speed -= 1;
				if (speed < -5) {
					speed = -5;
				}
			}
		});
		
		document.addEventListener("keyup", function(event) {
			if (event.key == "ArrowLeft" || event.key == "ArrowRight") {
				rotate = 0;
			}
		});
		
		update();
	</script>
</body>
</html>