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

No:55

439

←

Prev Next

→

Racing Games
Developer anonymous｜Date and time 23/5/7 18:38:13
Build time 52.146 sec｜Game capacity 2.406KB｜

Script

Racing Games

Use the left and right buttons to control the car and avoid obstacles.

🚗

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>レースゲーム</title>
	<style>
		body {
			background-color: #f7cac9;
			font-size: 24px;
			text-align: center;
			margin: 0;
			padding: 20px;
			height: 100%;
		}
		h1 {
			font-size: 48px;
			margin: 0;
			padding: 20px;
			color: #364f6b;
		}
		button {
			font-size: 24px;
			padding: 10px;
			background-color: #fc5c65;
			border: none;
			color: #ffffff;
			border-radius: 5px;
			margin: 20px;
		}
		#car {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}
	</style>
</head>
<body>
	<h1>レースゲーム</h1>
	<p>左右のボタンで車を操作して、障害物を避けましょう。</p>
	<button id="startButton">スタート</button>
	<div id="car">🚗</div>

let obstacleInterval;
		let obstacleSpeed = 3000;

function startObstacle() {
			let obstacle = document.createElement("div");
			obstacle.style.position = "absolute";
			obstacle.style.top = "0";
			obstacle.style.left = Math.random() * 80 + 10 + "%";
			obstacle.style.width = "50px";
			obstacle.style.height = "50px";
			obstacle.style.background = "red";
			document.body.appendChild(obstacle);

obstacleInterval = setInterval(function() {
				let obstacleTop = obstacle.style.top.slice(0, -2);
				obstacleTop = Number(obstacleTop) + 10;
				obstacle.style.top = obstacleTop + "px";

let carLeft = car.style.left.slice(0, -1);
				let carTop = car.style.top.slice(0, -2);
				let carRight = Number(carLeft) + 10;
				carTop = Number(carTop);

if (obstacleTop >= carTop && obstacleTop <= carTop + 50 && obstacle.style.left >= carLeft + "%" && obstacle.style.left <= carRight + "%") {
					clearInterval(obstacleInterval);
					alert("ゲームオーバー！");
					location.reload();
				}
			}, obstacleSpeed)
		}

document.getElementById("startButton").addEventListener("click", function(event) {
			event.target.style.display = "none";
			startObstacle();

setInterval(function() {
				if (obstacleSpeed > 500) {
					obstacleSpeed -= 100;
				}
			}, 1000);
		});
	</script>
</body>
</html>