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

No:2731

3078

←

Prev Next

→

Chopedombs Tomb Treasure
Developer User3591｜Date and time 23/6/22 13:38:01
Build time 51.489 sec｜Game capacity 4.514KB｜

Script

箸墓古墳トレジャー

あなたは箸墓古墳の冒険家です。トレジャーハンターとして、古墳の秘宝を探し出しましょう！

操作方法：

左右キーでプレイヤーを動かす
上キーでジャンプする
スペースキーで攻撃する

←

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>
	<p>あなたは箸墓古墳の冒険家です。トレジャーハンターとして、古墳の秘宝を探し出しましょう！</p>
	<p>操作方法：</p>
	<ul>
		<li>左右キーでプレイヤーを動かす</li>
		<li>上キーでジャンプする</li>
		<li>スペースキーで攻撃する</li>
	</ul>
	<div id="game"></div>
	<script>
		// 変数の設定
		var canvas = document.createElement("canvas");
		var ctx = canvas.getContext("2d");
		var width = window.innerWidth;
		var height = window.innerHeight;
		canvas.width = width;
		canvas.height = height;
		document.getElementById("game").appendChild(canvas);

var player = {
			x: 50,
			y: height - 50,
			size: 50,
			speed: 10,
			jump: false,
			jumpSpeed: 20,
			attack: false,
			attackSpeed: 10
		};

var enemies = [
			{
				x: width - 150,
				y: height - 100,
				size: 50,
				speed: 5
			},
			{
				x: width - 250,
				y: height - 200,
				size: 50,
				speed: 10
			},
			{
				x: width - 350,
				y: height - 300,
				size: 50,
				speed: 15
			}
		];

var treasure = {
			x: width - 100,
			y: height - 400,
			size: 50,
			found: false
		};

// ゲームループの設定
		function draw() {
			ctx.clearRect(0, 0, width, height);

// プレイヤーの描画
			ctx.fillStyle = "yellow";
			ctx.fillRect(player.x, player.y, player.size, player.size);

// 敵の描画
			ctx.fillStyle = "red";
			for (var i = 0; i < enemies.length; i++) {
				ctx.fillRect(enemies[i].x, enemies[i].y, enemies[i].size, enemies[i].size);
			}

// 秘宝の描画
			ctx.fillStyle = "green";
			if (!treasure.found) {
				ctx.fillRect(treasure.x, treasure.y, treasure.size, treasure.size);
			}

// プレイヤーの移動
			if (player.jump) {
				player.y -= player.jumpSpeed;
				player.jumpSpeed -= 2;
				if (player.y >= height - player.size) {
					player.y = height - player.size;
					player.jump = false;
					player.jumpSpeed = 20;
				}
			}
			if (keys.left) {
				player.x -= player.speed;
				if (player.x < 0) {
					player.x = 0;
				}
			}
			if (keys.right) {
				player.x += player.speed;
				if (player.x > width - player.size) {
					player.x = width - player.size;
				}
			}
			if (keys.up && !player.jump) {
				player.jump = true;
			}
			if (keys.space && !player.attack) {
				player.attack = true;
				for (var i = 0; i < enemies.length; i++) {
					if (player.x + player.size >= enemies[i].x && player.x <= enemies[i].x + enemies[i].size
						&& player.y + player.size >= enemies[i].y && player.y <= enemies[i].y + enemies[i].size) {
						enemies.splice(i, 1);
						i--;
					}
				}
				if (player.x + player.size >= treasure.x && player.x <= treasure.x + treasure.size
					&& player.y + player.size >= treasure.y && player.y <= treasure.y + treasure.size) {
					treasure.found = true;
				}
				setTimeout(function() {
					player.attack = false;
				}, 500);
			}

// 敵の移動
			for (var i = 0; i < enemies.length; i++) {
				if (enemies[i].x <= 0) {
					enemies[i].speed = Math.abs(enemies[i].speed);
				}
				if (enemies[i].x >= width - enemies[i].size) {
					enemies[i].speed = -Math.abs(enemies[i].speed);
				}
				enemies[i].x += enemies[i].speed;
				if (player.x + player.size >= enemies[i].x && player.x <= enemies[i].x + enemies[i].size
					&& player.y + player.size >= enemies[i].y && player.y <= enemies[i].y + enemies[i].size) {
					alert("ゲームオーバー！");
					location.reload();
				}
			}

// 秘宝の発見
			if (treasure.found) {
				alert("秘宝を発見しました！");
				location.reload();
			}

requestAnimationFrame(draw);
		}
		requestAnimationFrame(draw);

// キーイベントの設定
		var keys = {
			left: false,
			right: false,
			up: false,
			space: false
		};
		document.addEventListener("keydown", function(e) {
			if (e.key === "ArrowLeft") {
				keys.left = true;
			}
			if (e.key === "ArrowRight") {
				keys.right = true;
			}
			if (e.key === "ArrowUp") {
				keys.up = true;
			}
			if (e.key === " ") {
				keys.space = true;
			}
		});
		document.addEventListener("keyup", function(e) {
			if (e.key === "ArrowLeft") {
				keys.left = false;
			}
			if (e.key === "ArrowRight") {
				keys.right = false;
			}
			if (e.key === "ArrowUp") {
				keys.up = false;
			}
			if (e.key === " ") {
				keys.space = false;
			}
		});
	</script>
</body>
</html>