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

No:3250

194

←

Prev Next

→

supercapacitive butter
Developer User3589｜Date and time 23/6/24 9:52:47
Build time 20.244 sec｜Game capacity 2.115KB｜

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 type="text/css">
		body {
			background-color: #ffffcc;
			font-family: Arial, sans-serif;
		}
		h1 {
			text-align: center;
		}
		#butter {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	</style>
</head>
<body>
	<h1>超能力バターゲーム</h1>
	<p>画面をタップしてバターを飛ばして、障害物を避けよう！</p>
	<div id="butter">🧈</div>
	<script type="text/javascript">
		var butter = document.getElementById("butter");
		var score = 0;
		var gameOver = false;

document.addEventListener("click", function(e) {
			if (!gameOver) {
				var x = e.clientX;
				var y = e.clientY;
				butter.style.left = x + "px";
				butter.style.top = y + "px";
				score++;
				document.title = "Score: " + score;
			}
		});

function moveObstacle() {
			var obstacle = document.createElement("div");
			obstacle.style.position = "absolute";
			obstacle.style.width = "50px";
			obstacle.style.height = "50px";
			obstacle.style.backgroundColor = "red";
			obstacle.style.top = "0";
			obstacle.style.left = Math.floor(Math.random() * window.innerWidth) + "px";
			document.body.appendChild(obstacle);

var interval = setInterval(function() {
				if (!gameOver) {
					var obstacleTop = parseInt(obstacle.style.top);
					obstacleTop += 10;
					obstacle.style.top = obstacleTop + "px";

var obstacleLeft = parseInt(obstacle.style.left);
					if (obstacleLeft < parseInt(butter.style.left) + 50 &&
						obstacleLeft + 50 > parseInt(butter.style.left) &&
						obstacleTop < parseInt(butter.style.top) + 50 &&
						obstacleTop + 50 > parseInt(butter.style.top)) {
						endGame();
					}

if (obstacleTop > window.innerHeight) {
						clearInterval(interval);
						document.body.removeChild(obstacle);
					}
				}
			}, 50);
		}

function endGame() {
			gameOver = true;
			butter.style.display = "none";
			alert("ゲームオーバー！\nスコア: " + score);
		}

setInterval(moveObstacle, 1500);
	</script>
</body>
</html>