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

No:3445

3657

←

Prev Next

→

kendo
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time unknown sec｜Game capacity 2.943KB｜

Script

剣道ゲーム

遊び方

画面をタップして攻撃する。相手の攻撃を避けるためには、画面をスワイプして移動する。

スコア: 0

←

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>
</head>
<body>
	<h1>剣道ゲーム</h1>
	<h2>遊び方</h2>
	<p>画面をタップして攻撃する。相手の攻撃を避けるためには、画面をスワイプして移動する。</p>
	<h2>スコア: <span id="score">0</span></h2>
	<div id="player"></div>
	<div id="enemy"></div>
	<script>
		// 初期設定
		var screenWidth = window.innerWidth;
		var screenHeight = window.innerHeight;
		var player = document.getElementById("player");
		var enemy = document.getElementById("enemy");
		var score = 0;
		var gameInterval;

// プレイヤーの初期設定
		player.style.position = "absolute";
		player.style.left = screenWidth / 2 + "px";
		player.style.top = screenHeight - 100 + "px";
		player.style.fontSize = "100px";
		player.innerHTML = "🥋";

// 敵の初期設定
		enemy.style.position = "absolute";
		enemy.style.left = screenWidth / 2 + "px";
		enemy.style.top = "100px";
		enemy.style.fontSize = "100px";
		enemy.innerHTML = "🤺";

// ゲーム開始
		gameInterval = setInterval(function() {
			// 敵の攻撃
			var enemyAttack = document.createElement("div");
			enemyAttack.style.position = "absolute";
			enemyAttack.style.left = parseInt(enemy.style.left) + "px";
			enemyAttack.style.top = parseInt(enemy.style.top) + 100 + "px";
			enemyAttack.style.fontSize = "100px";
			enemyAttack.innerHTML = "🗡️";
			
			document.body.appendChild(enemyAttack);
			
			// プレイヤーが攻撃したら
			document.body.addEventListener("touchstart", function() {
				var playerAttack = document.createElement("div");
				playerAttack.style.position = "absolute";
				playerAttack.style.left = parseInt(player.style.left) + "px";
				playerAttack.style.top = parseInt(player.style.top) - 100 + "px";
				playerAttack.style.fontSize = "100px";
				playerAttack.innerHTML = "🗡️";
				
				document.body.appendChild(playerAttack);

// 当たり判定
				if (Math.abs(parseInt(player.style.left) - parseInt(enemy.style.left)) < 100 &&
					parseInt(playerAttack.style.top) > parseInt(enemy.style.top)) {
					score++;
					document.getElementById("score").innerText = score;
					enemy.style.top = "100px";
					enemy.style.left = Math.floor(Math.random() * (screenWidth - 100)) + "px";
				}
			});

// 敵の移動
			if (parseInt(enemy.style.top) < screenHeight - 200) {
				enemy.style.top = parseInt(enemy.style.top) + 10 + "px";
			} else {
				clearInterval(gameInterval);
				alert("ゲームオーバー");
			}

// 攻撃アニメーション
			var attacks = document.querySelectorAll("div[style*='position: absolute']");
			for (var i = 0; i < attacks.length; i++) {
				if (parseInt(attacks[i].style.top) > -100) {
					attacks[i].style.top = parseInt(attacks[i].style.top) - 20 + "px";
				} else {
					document.body.removeChild(attacks[i]);
				}
			}

}, 100);
	</script>
</body>
</html>