AI game creator

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

No:3414

2300

←

Prev Next

→

panic movie
Developer User3655｜Date and time 23/6/25 1:55:57
Build time 29.182 sec｜Game capacity 2.572KB｜

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 {
			background-color: #000;
			margin: 0;
			padding: 0;
		}
		canvas {
			display: block;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas"></canvas>

// キャンバスのサイズを設定
		canvas.width = window.innerWidth
		canvas.height = window.innerHeight

// プレイヤーの初期位置と速度を設定
		var playerX = canvas.width / 2
		var playerY = canvas.height / 2
		var playerSpeed = 5

// モンスターの初期位置と速度を設定
		var monsterX = Math.floor(Math.random() * canvas.width)
		var monsterY = Math.floor(Math.random() * canvas.height)
		var monsterSpeedX = 2
		var monsterSpeedY = 2

// プレイヤーがタップされたときの処理
		canvas.addEventListener("touchstart", function(event) {
			playerX = event.touches[0].clientX
			playerY = event.touches[0].clientY
		})

// フレームごとの処理
		function gameLoop() {
			// キャンバスをクリア
			ctx.clearRect(0, 0, canvas.width, canvas.height)

// プレイヤーを描画
			ctx.font = "64px Arial"
			ctx.fillStyle = "#fff"
			ctx.fillText("😱", playerX, playerY)

// プレイヤーの移動
			var distanceX = playerX - monsterX
			var distanceY = playerY - monsterY
			var distance = Math.sqrt(Math.pow(distanceX, 2) + Math.pow(distanceY, 2))
			if (distance > 0) {
				playerX -= playerSpeed * distanceX / distance
				playerY -= playerSpeed * distanceY / distance
			}

// モンスターを描画
			ctx.font = "64px Arial"
			ctx.fillStyle = "#f00"
			ctx.fillText("👹", monsterX, monsterY)

// モンスターの移動
			monsterX += monsterSpeedX
			if (monsterX < 0 || monsterX > canvas.width) {
				monsterSpeedX = -monsterSpeedX
			}
			monsterY += monsterSpeedY
			if (monsterY < 0 || monsterY > canvas.height) {
				monsterSpeedY = -monsterSpeedY
			}

// プレイヤーとモンスターが重なったかどうか判定
			if (Math.abs(playerX - monsterX) < 64 && Math.abs(playerY - monsterY) < 64) {
				alert("パニック！モンスターに捕まった！")
				location.reload()
			}

// 次のフレームをリクエスト
			requestAnimationFrame(gameLoop)
		}

// ゲームループを開始
		gameLoop()
	</script>
</body>
</html>