AI game creator

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

No:3457

3428

←

Prev Next

→

Halleys comet
Developer anonymous｜Date and time 70/1/1 9:34:02
Build time unknown sec｜Game capacity 2.042KB｜

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>
	<canvas id="canvas" style="border:1px solid black;"></canvas>

// キャンバスの初期化
		var canvas = document.getElementById('canvas');
		canvas.width = canvasWidth;
		canvas.height = canvasHeight;
		canvas.style.backgroundColor = '#000';

// ゲームのメイン処理
		function main() {
			// プレイヤーの初期位置
			var playerX = canvasWidth / 2;
			var playerY = canvasHeight - 100;
			var playerWidth = 50;
			var playerHeight = 50;

// プレイヤーの描画
			var ctx = canvas.getContext('2d');
			ctx.fillStyle = '#fff';
			ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// メテオの初期位置
			var meteorX = Math.floor(Math.random() * (canvasWidth - 50));
			var meteorY = -50;
			var meteorWidth = 50;
			var meteorHeight = 50;

// メテオの描画
			ctx.fillStyle = '#f00';
			ctx.fillRect(meteorX, meteorY, meteorWidth, meteorHeight);

// ループ処理
			var timer = setInterval(function() {
				// メテオの移動
				meteorY += 5;

// 衝突判定
				if (meteorY + meteorHeight > playerY && meteorX < playerX + playerWidth && meteorX + meteorWidth > playerX) {
					alert('ゲームオーバー');
					clearInterval(timer);
				}

// 描画のクリア
				ctx.clearRect(0, 0, canvasWidth, canvasHeight);

// プレイヤーの描画
				ctx.fillStyle = '#fff';
				ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// メテオの描画
				ctx.fillStyle = '#f00';
				ctx.fillRect(meteorX, meteorY, meteorWidth, meteorHeight);

// メテオが画面外に出たら再配置
				if (meteorY > canvasHeight) {
					meteorX = Math.floor(Math.random() * (canvasWidth - 50));
					meteorY = -50;
				}
			}, 1000 / 60);
		}

// ゲームの開始
		main();
	</script>
</body>
</html>