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

No:3235

1088

⚡😭💣
Developer sayaensm｜Date and time 23/6/24 8:51:17
Build time 19.432 sec｜Game capacity 2.318KB｜

⚡😭💣 Game

指を左右にフリックして、爆弾を捕まえてください。3回爆弾を逃すとゲームオーバーです。

→ 　

0　

0　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
	<title>⚡😭💣Game</title>
</head>
<body>
	<h1>⚡😭💣 Game</h1>
	<p>指を左右にフリックして、爆弾を捕まえてください。3回爆弾を逃すとゲームオーバーです。</p>
	
	<div id="container">
		<div id="player"></div>
		<div id="bomb"></div>
	</div>

<script>
		var player = document.getElementById('player');
		var bomb = document.getElementById('bomb');
		var gameover = false;
		var count = 0;
		
		player.addEventListener('touchstart', function(e){
			if(e.touches[0].clientX < window.innerWidth/2){
				moveLeft();
			} else {
				moveRight();
			}
		});
		
		function moveLeft(){
			if(gameover){
				return;
			}
			var left = parseInt(player.style.left) || 0;
			left -= 10;
			if(left < 0){
				left = 0;
			}
			player.style.left = left + 'px';
			checkCollision();
		}
		
		function moveRight(){
			if(gameover){
				return;
			}
			var left = parseInt(player.style.left) || 0;
			left += 10;
			if(left > window.innerWidth - parseInt(player.style.width)){
				left = window.innerWidth - parseInt(player.style.width);
			}
			player.style.left = left + 'px';
			checkCollision();
		}
		
		function checkCollision(){
			var playerLeft = parseInt(player.style.left) || 0;
			var bombLeft = parseInt(bomb.style.left) || 0;
			var playerWidth = parseInt(player.style.width) || 0;
			var bombWidth = parseInt(bomb.style.width) || 0;
			
			if(playerLeft + playerWidth > bombLeft && playerLeft < bombLeft + bombWidth){
				bomb.style.top = '0px';
				count++;
				if(count >= 10){
					alert('おめでとうございます！ゲームクリアです！');
					gameover = true;
				} else {
					newBomb();
				}
			} else {
				var bombTop = parseInt(bomb.style.top) || 0;
				if(bombTop >= window.innerHeight){
					count--;
					if(count <= -3){
						alert('ゲームオーバー！あなたのスコア：'+count);
						gameover = true;
					} else {
						newBomb();
					}
				} else {
					bombTop += 10;
					bomb.style.top = bombTop + 'px';
					setTimeout(checkCollision, 100);
				}
			}
		}
		
		function newBomb(){
			bomb.style.top = '-100px';
			var random = Math.floor(Math.random() * window.innerWidth);
			bomb.style.left = random + 'px';
			setTimeout(checkCollision, 1000);
		}
		
		newBomb();
	</script>
</body>
</html>