Juego 3D de simulación.'s game

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

No:47982

←

Prev Next

→

Juego 3D de simulación.
Developer User20670｜Date and time 24/3/1 6:17:18
Build time 1.396 sec｜Game capacity 0.136KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

👦

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!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;
			background-color: #6BE30B;
		}
		#player {
			position: absolute;
			top: 80%;
			left: 50%;
			transform: translate(-50%);
			font-size: 2em;
			text-align: center;
			cursor: pointer;
			user-select: none;
		}
		#fireworks {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
		}
	</style>
</head>
<body>
	<div id="player">👦</div>
	<div id="fireworks"></div>
	<script>
		var player = document.getElementById("player");
		var fireworks = document.getElementById("fireworks");
		var fireworkInterval;

function createFirework() {
			var fw = document.createElement("div");
			fw.innerHTML = "🎆";
			fw.style.position = "absolute";
			fw.style.top = "50%";
			fw.style.left = Math.round(Math.random() * 100) + "%";
			fw.style.fontSize = Math.round(Math.random() * 3 + 1) + "em";
			fw.style.animationDuration = Math.round(Math.random() * 3 + 1) + "s";
			fw.style.animationTimingFunction = "cubic-bezier(.2,.8,.2,1)";
			fw.style.pointerEvents = "none";
			fireworks.appendChild(fw);
			setTimeout(function() {
				fw.parentNode.removeChild(fw);
			}, parseInt(fw.style.animationDuration) * 1000);
			checkCollision();
		}

fireworkInterval = setInterval(createFirework, 1000);

document.addEventListener("mousemove", function(e) {
			player.style.left = e.clientX + "px";
		});
	</script>
</body>
</html>