AI game creator

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

No:2493

170

←

Prev Next

→

lost technology
Developer anonymous｜Date and time 23/6/21 17:57:59
Build time 31.005 sec｜Game capacity 2.397KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>ロストテクノロジー</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
		}
		canvas {
			display: block;
			background-color: #000;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<script>
		const canvas = document.getElementById('canvas');
		const ctx = canvas.getContext('2d');
		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

// 絵文字画像の読み込み
		const emojiImage = new Image();
		emojiImage.src = 'emoji.png';
		emojiImage.onload = function() {
			init();
		}

let player;
		let enemies = [];
		let score = 0;

function init() {
			player = new Player(canvas.width / 2, canvas.height - 50);

// ゲームループ
			setInterval(gameLoop, 50);
		}

function gameLoop() {
			// 敵の生成
			if (Math.random() < 0.1) {
				enemies.push(new Enemy(Math.random() * canvas.width, 0));
			}

// 画面のクリア
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーの描画
			player.draw();

// 敵の移動・描画
			for (let i = 0; i < enemies.length; i++) {
				enemies[i].move();
				enemies[i].draw();

// 当たり判定
				if (player.hitTest(enemies[i])) {
					score--;
					if (score < 0) score = 0;
				}

// 画面外に出た敵の削除
				if (enemies[i].y > canvas.height) {
					enemies.splice(i, 1);
					i--;
				}
			}

// スコアの描画
			ctx.fillStyle = '#fff';
			ctx.font = 'bold 24px sans-serif';
			ctx.fillText('Score: ' + score, 10, 30);

// スコアの加算
			score++;
		}

class Player {
			constructor(x, y) {
				this.x = x;
				this.y = y;
				this.size = 50;
			}

draw() {
				ctx.drawImage(emojiImage, 0, 0, 64, 64, this.x - this.size / 2, this.y - this.size / 2, this.size, this.size);
			}

hitTest(enemy) {
				const dx = this.x - enemy.x;
				const dy = this.y - enemy.y;
				const distance = Math.sqrt(dx * dx + dy * dy);
				return distance < this.size / 2 + enemy.size / 2;
			}
		}

class Enemy {
			constructor(x, y) {
				this.x = x;
				this.y = y;
				this.size = 50;
			}

move() {
				this.y += 5;
			}

draw() {
				ctx.drawImage(emojiImage, 64, 0, 64, 64, this.x - this.size / 2, this.y - this.size / 2, this.size, this.size);
			}
		}
	</script>
</body>
</html>