Press the button at the right moment to avoid the opponents attack, and press the attack button to send a ball flying and hit the opponent 5 times to win the game!'s game

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

No:1551

600

←

Prev Next

→

Press the button at the right moment to avoid the ..ALL
Developer User3361｜Date and time 23/6/18 18:29:07
Build time 38.091 sec｜Game capacity 3.638KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>避けてね！</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
			font-size: 3em;
			text-align: center;
		}
		#display {
			height: 50vh;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		button {
			font-size: 1em;
			padding: 0.25em 1em;
			margin: 1em;
		}
	</style>
</head>
<body>
	<div id="display"></div>
	<button id="startBtn">スタート</button>

// プレイヤーがボタンを押すと、敵と対戦が始まる
		document.getElementById("startBtn").addEventListener("click", function() {
			gameInProgress = true;
			document.getElementById("display").textContent = "避けて！";
			document.body.style.backgroundColor = "white";
			setTimeout(enemyAttack, Math.random() * 2000 + 1000);
		});

// 敵が球を投げる
		function enemyAttack() {
			if (!gameInProgress) {
				return;
			}

document.getElementById("display").textContent = "くっ！！！";
			setTimeout(function() {
				if (gameOver) {
					return;
				}

if (Math.random() < 0.5) {
					// 球を避ける
					document.getElementById("display").textContent = "よけた！";
				} else {
					// 球が当たった
					document.getElementById("display").textContent = "うわぁぁぁぁっ！！！";
					playerScore++;
					document.body.style.backgroundColor = "red";
					setTimeout(function() {
						document.body.style.backgroundColor = "white";
					}, 500);
				}

// ゲームの勝敗を判定
				if (playerScore >= 5) {
					document.getElementById("display").textContent = "勝ちました！！";
					gameInProgress = false;
					gameOver = true;
				} else if (enemyScore >= 5) {
					document.getElementById("display").textContent = "負けました…";
					gameInProgress = false;
					gameOver = true;
				} else {
					// 次の攻撃を準備する
					setTimeout(playerAttack, 1000);
				}
			}, 1000);
		}

// プレイヤーが球を投げる
		function playerAttack() {
			if (!gameInProgress) {
				return;
			}

document.getElementById("display").textContent = "攻撃！";

// ゲームの勝敗を判定
					if (playerScore >= 5) {
						document.getElementById("display").textContent = "勝ちました！！";
						gameInProgress = false;
						gameOver = true;
					} else if (enemyScore >= 5) {
						document.getElementById("display").textContent = "負けました…";
						gameInProgress = false;
						gameOver = true;
					} else {
						// 次の攻撃を準備する
						setTimeout(enemyAttack, Math.random() * 2000 + 1000);
					}
				}, 1000);
				this.remove();
			});

document.getElementById("display").appendChild(attackBtn);
		}
	</script>
</body>
</html>