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

No:3430

6621

←

Prev Next

→

Dropping a B29 with a bamboo spear
Developer User3702｜Date and time 23/6/25 3:05:21
Build time 26.938 sec｜Game capacity 2.193KB｜

Script

B29を竹槍で落とすゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>B29を竹槍で落とすゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center;">
	<h1>B29を竹槍で落とすゲーム</h1>
	<canvas id="gameCanvas" style="border:1px solid black;"></canvas>
	<script>
		var canvas = document.getElementById("gameCanvas");
		var ctx = canvas.getContext("2d");

// キャンバスサイズの設定
		canvas.width = window.innerWidth * 0.8;
		canvas.height = window.innerHeight * 0.8;
		
		// B29の初期設定
		var b29 = {
			x: canvas.width / 2,
			y: 50,
			radius: 20,
			speedX: 2,
			speedY: 2
		};
		
		// 竹槍の初期設定
		var spear = {
			x: canvas.width / 2,
			y: canvas.height - 50,
			width: 10,
			height: 50,
			speed: 5
		};
		
		// ゲーム関数の実行
		function gameLoop() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			
			// B29の描画
			ctx.beginPath();
			ctx.arc(b29.x, b29.y, b29.radius, 0, 2*Math.PI);
			ctx.fillStyle = "gray";
			ctx.fill();
			
			// 竹槍の描画
			ctx.fillStyle = "brown";
			ctx.fillRect(spear.x - (spear.width/2), spear.y - spear.height, spear.width, spear.height);
			
			// B29が画面端に到達した場合の処理
			if (b29.x + b29.radius > canvas.width || b29.x - b29.radius < 0) {
				b29.speedX *= -1;
			}
			if (b29.y + b29.radius > canvas.height || b29.y - b29.radius < 0) {
				b29.speedY *= -1;
			}
			
			// B29の移動
			b29.x += b29.speedX;
			b29.y += b29.speedY;
			
			// 竹槍の移動
			if (isTouching(b29, spear)) {
				alert("B29を落とした！");
				location.reload();
			} else {
				if (spear.x + (spear.width/2) > canvas.width || spear.x - (spear.width/2) < 0) {
					spear.speed *= -1;
				}
				spear.x += spear.speed;
			}
			
			requestAnimationFrame(gameLoop);
		}
		
		// B29と竹槍が接触しているか判定する関数
		function isTouching(obj1, obj2) {
			var distX = Math.abs(obj1.x - obj2.x);
			var distY = Math.abs(obj1.y - obj2.y);
			
			if (distX < obj1.radius + obj2.width/2 && distY < obj1.radius + obj2.height) {
				return true;
			}
			return false;
		}
		
		gameLoop();
	</script>		
</body>
</html>