Tower defence idle ai vs ai's game

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

No:52510

←

Prev Next

→

Tower defence idle ai vs ai
Developer User18896｜Date and time 24/3/22 11:32:04
Build time 1.26 sec｜Game capacity 0.044KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!DOCTYPE html>
<html>
<head>
	<title>アナコンダ vs クロコダイル</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
			background-color: beige;
		}
		canvas {
			display: block;
			margin: 0 auto;
			background-color: white;
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas"></canvas>

// アナコンダの情報
		var anaconda = {
			x: canvas.width / 2,
			y: canvas.height / 2,
			size: 50,
			speed: 5,
			direction: 0
		};

// クロコダイルの情報
		var crocodile = {
			x: Math.random() * canvas.width,
			y: Math.random() * canvas.height,
			size: 75,
			speed: 2,
			direction: 0
		};

// キャンバスを描画する関数
		function drawCanvas() {
			var ctx = canvas.getContext("2d");

// アナコンダを描画
			ctx.beginPath();
			ctx.arc(anaconda.x, anaconda.y, anaconda.size, 0, Math.PI*2, false);
			ctx.fillStyle = "green";
			ctx.fill();
			ctx.closePath();

// クロコダイルを描画
			ctx.beginPath();
			ctx.arc(crocodile.x, crocodile.y, crocodile.size, 0, Math.PI*2, false);
			ctx.fillStyle = "brown";
			ctx.fill();
			ctx.closePath();
		}

// キーダウンイベント
		document.addEventListener("keydown", function(event) {
			// アナコンダの方向を変える
			if(event.keyCode == 37) {
				anaconda.direction = -1; // 左
			} else if(event.keyCode == 38) {
				anaconda.direction = -2; // 上
			} else if(event.keyCode == 39) {
				anaconda.direction = 1; // 右
			} else if(event.keyCode == 40) {
				anaconda.direction = 2; // 下
			}
		});

// ゲームループ関数
		function gameLoop() {
			// アナコンダを移動
			if(anaconda.direction == -1) {
				anaconda.x -= anaconda.speed;
			} else if(anaconda.direction == -2) {
				anaconda.y -= anaconda.speed;
			} else if(anaconda.direction == 1) {
				anaconda.x += anaconda.speed;
			} else if(anaconda.direction == 2) {
				anaconda.y += anaconda.speed;
			}

// クロコダイルをランダムに移動
			var randomDirection = Math.random() * 4;
			if(randomDirection < 1) {
				crocodile.direction = -1;
			} else if(randomDirection < 2) {
				crocodile.direction = -2;
			} else if(randomDirection < 3) {
				crocodile.direction = 1;
			} else {
				crocodile.direction = 2;
			}

if(crocodile.direction == -1) {
				crocodile.x -= crocodile.speed;
			} else if(crocodile.direction == -2) {
				crocodile.y -= crocodile.speed;
			} else if(crocodile.direction == 1) {
				crocodile.x += crocodile.speed;
			} else if(crocodile.direction == 2) {
				crocodile.y += crocodile.speed;
			}

// アナコンダとクロコダイルの距離を計算
			var distance = Math.sqrt(Math.pow(anaconda.x - crocodile.x, 2) + Math.pow(anaconda.y - crocodile.y, 2));

// 距離がアナコンダのサイズとクロコダイルのサイズを足したもの以下ならばアナコンダの勝利
			if(distance <= anaconda.size + crocodile.size) {
				alert("アナコンダの勝利！");
				location.reload();
			}

// ゲームキャンバスを描画
			drawCanvas();

// ループ処理
			requestAnimationFrame(gameLoop);
		}

// ゲームを開始
		gameLoop();
	</script>
</body>
</html>