A game in which a skunk farts and flies through the air.'s game

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

No:941

412

←

Prev Next

→

A game in which a skunk farts and flies through th..ALL
Developer User3202｜Date and time 23/6/17 22:53:32
Build time 27.764 sec｜Game capacity 2.428KB｜

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 {
			margin: 0;
			padding: 0;
			background-color: skyblue;
		}

#skunk {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 50px;
		}

.obstacle {
			position: absolute;
			width: 50px;
			height: 100px;
			background-color: brown;
			bottom: 0;
		}

</style>
</head>
<body>

setInterval(function() {
		let obstacle = document.createElement("div");
		obstacle.classList.add("obstacle");
		obstacle.style.setProperty("left", Math.floor(Math.random() * 80) + 10 + "%");
		let obstacleInterval = setInterval(function() {
			let obstacleBottom = parseInt(obstacle.style.getPropertyValue("bottom"));
			let skunkBottom = parseInt(skunk.style.getPropertyValue("bottom"));
			let skunkLeft = parseInt(skunk.style.getPropertyValue("left"));
			let obstacleLeft = parseInt(obstacle.style.getPropertyValue("left"));

if(obstacleBottom >= skunkBottom && obstacleLeft >= skunkLeft - 25 && obstacleLeft <= skunkLeft + 25) {
				alert("ゲームオーバー！スコア：" + score);
				location.reload();
			}

score++;
			if(score % 10 === 0) {
				obstacle.style.setProperty("animation-duration", 0.1 * score + "s");
				clearInterval(obstacleInterval);
			}

if(obstacleBottom > 100) {
				obstacles.splice(obstacles.indexOf(obstacle), 1);
				obstacle.parentNode.removeChild(obstacle);
				clearInterval(obstacleInterval);
			} else {
				obstacle.style.setProperty("bottom", obstacleBottom + 1 + "%");
			}

}, 10);
		obstacles.push(obstacle);
		document.body.appendChild(obstacle);

}, 1500);

</script>

</body>
</html>