AI game creator

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

No:3193

538

←

Prev Next

→

shooting game
Developer User3589｜Date and time 23/6/24 5:34:46
Build time 12.276 sec｜Game capacity 1.227KB｜

Script

Score: 0

（注意：絵文字を使用しているため、ブラウザによっては表示されない場合があります。）

←

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: lightgray;
			text-align: center;
			font-family: Arial, sans-serif;
		}

#train {
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

#score {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 24px;
		}
	</style>
</head>
<body>
	<div id="score">Score: 0</div>
	<img id="train" src="🚂.png" width="100">
	<script>
		let score = 0;
		let train = document.getElementById("train");
		let screenWidth = window.innerWidth;
		
		train.addEventListener("click", function() {
			score++;
			document.getElementById("score").innerHTML = "Score: " + score;
		});
		
		setInterval(function() {
			let currentLeft = parseInt(train.style.left) || screenWidth /2;
			if (currentLeft <= screenWidth - 110) {
				train.style.left = parseInt(train.style.left) + 10 + "px";
			} else {
				score--;
				document.getElementById("score").innerHTML = "Score: " + score;
				train.style.left = screenWidth / 2 + "px";
			}
		}, 100);

</script>
</body>
</html>

（注意：絵文字を使用しているため、ブラウザによっては表示されない場合があります。）