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

No:2539

965

←

Prev Next

→

B-29 vs. a large number of ahat ahat
Developer anonymous｜Date and time 23/6/21 22:56:16
Build time 58.999 sec｜Game capacity 3.425KB｜

Script

B-29 vs アハト・アハト

スマホで操作して、B-29をアハト・アハトから守りましょう！

操作方法：上下左右にフリックして、B-29を移動させます。

スコア：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>B-29 vs アハト・アハト</title>
</head>
<body>
	<div id="game">
		<h1>B-29 vs アハト・アハト</h1>
		<p>スマホで操作して、B-29をアハト・アハトから守りましょう！</p>
		<p>操作方法：上下左右にフリックして、B-29を移動させます。</p>
		<p>スコア：<span id="score">0</span></p>
		<canvas id="canvas"></canvas>
	</div>
	<script>
		// 画面サイズ定義
		var SCREEN_WIDTH = window.innerWidth;
		var SCREEN_HEIGHT = window.innerHeight;

// ゲームオブジェクト定義
		var game = {
			canvas: null,
			ctx: null,
			b29: null,
			ahatos: [],
			start: function() {
				// キャンバス生成
				this.canvas = document.getElementById('canvas');
				this.canvas.width = SCREEN_WIDTH;
				this.canvas.height = SCREEN_HEIGHT;
				this.ctx = this.canvas.getContext('2d');

// B-29生成
				this.b29 = new B29(SCREEN_WIDTH / 2, SCREEN_HEIGHT / 2);

// アハト・アハト生成
				for (var i = 0; i < 20; i++) {
					var x = Math.floor(Math.random() * SCREEN_WIDTH);
					var y = Math.floor(Math.random() * SCREEN_HEIGHT);
					this.ahatos.push(new Ahato(x, y));
				}

// ゲームループ開始
				this.loop();
			},
			loop: function() {
				// キャンバスをクリア
				this.ctx.clearRect(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);

// B-29の描画
				this.b29.draw(this.ctx);

// アハト・アハトの描画
				for (var i = 0; i < this.ahatos.length; i++) {
					this.ahatos[i].draw(this.ctx);
				}

// スコア更新
				var score = this.score();
				document.getElementById('score').textContent = score;

// ゲームオーバー判定
				if (score < 0) {
					alert('ゲームオーバー！');
					location.reload();
				}

// ゲームループ再帰
				var self = this;
				requestAnimationFrame(function() {
					self.loop();
				});
			},
			score: function() {
				var score = 0;
				for (var i = 0; i < this.ahatos.length; i++) {
					var ahato = this.ahatos[i];
					if (Math.abs(ahato.x - this.b29.x) < 20 && Math.abs(ahato.y - this.b29.y) < 20) {
						score += 10;
						ahato.reset();
					} else {
						score -= 1;
						ahato.move();
					}
				}
				return score;
			}
		};

// B-29クラス定義
		function B29(x, y) {
			this.x = x;
			this.y = y;
			this.width = 60;
			this.height = 40;
		}
		B29.prototype.draw = function(ctx) {
			ctx.fillStyle = '🛩️';
			ctx.fillRect(this.x - this.width / 2, this.y - this.height / 2, this.width, this.height);
		};

// アハト・アハトクラス定義
		function Ahato(x, y) {
			this.x = x;
			this.y = y;
			this.size = 40;
			this.speed = 10;
			this.vx = Math.random() < 0.5 ? -1 : 1;
			this.vy = Math.random() < 0.5 ? -1 : 1;
		}
		Ahato.prototype.draw = function(ctx) {
			ctx.fillStyle = '🐾';
			ctx.fillRect(this.x - this.size / 2, this.y - this.size / 2, this.size, this.size);
		};
		Ahato.prototype.move = function() {
			this.x += this.speed * this.vx;
			this.y += this.speed * this.vy;
			if (this.x < 0 || this.x > SCREEN_WIDTH) {
				this.vx *= -1;
			}
			if (this.y < 0 || this.y > SCREEN_HEIGHT) {
				this.vy *= -1;
			}
		};
		Ahato.prototype.reset = function() {
			this.x = Math.floor(Math.random() * SCREEN_WIDTH);
			this.y = Math.floor(Math.random() * SCREEN_HEIGHT);
		};

// ゲーム開始
		game.start();
	</script>
</body>
</html>