Anaconda vs Crocodile's game

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

No:3451

5431

←

Prev Next

→

Anaconda vs Crocodile
Developer User3707｜Date and time 23/6/25 5:27:59
Build time 39.716 sec｜Game capacity 3.475KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!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>