AI game creator

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

No:3432

2012

←

Prev Next

→

Laplaces demon
Developer User3702｜Date and time 23/6/25 3:23:07
Build time 18.216 sec｜Game capacity 1.642KB｜

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>
	<style>
		canvas {
			display: block;
			margin: 0 auto;
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="360" height="640"></canvas>
	<script>
		// スマホ操作対応
		const canvas = document.getElementById('canvas');
		const ctx = canvas.getContext('2d');
		let mouseX = 0;
		let mouseY = 0;
		canvas.addEventListener('touchmove', (e) => {
			e.preventDefault();
			mouseX = e.touches[0].clientX - canvas.offsetLeft;
			mouseY = e.touches[0].clientY - canvas.offsetTop;
		});

// ラプラスの悪魔
		const radius = 50;
		const speed = 5;
		const devil = { x: canvas.width / 2, y: canvas.height / 2 };
		const player = { x: 0, y: 0 };
		const moveDevil = () => {
			const deltaX = player.x - devil.x;
			const deltaY = player.y - devil.y;
			const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
			if (distance <= radius) {
				alert('You Lose!');
			} else {
				devil.x += (deltaX / distance) * speed;
				devil.y += (deltaY / distance) * speed;
			}
		}

// 描画
		const draw = () => {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			ctx.fillStyle = 'blue';
			ctx.beginPath();
			ctx.arc(player.x, player.y, radius, 0, Math.PI * 2);
			ctx.fill();
			ctx.fillStyle = 'red';
			ctx.beginPath();
			ctx.arc(devil.x, devil.y, radius, 0, Math.PI * 2);
			ctx.fill();
			moveDevil();
			requestAnimationFrame(draw);
		}

// 初期化
		const init = () => {
			player.x = canvas.width / 2;
			player.y = canvas.height - radius;
			draw();
		}

init();
	</script>
</body>
</html>