Many rainbow-colored flickering stars rotating and falling at various speeds.'s game

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

No:4554

126

←

Prev Next

→

Many rainbow-colored flickering stars rotating and..ALL
Developer User3694｜Date and time 23/6/28 4:22:47
Build time 18.508 sec｜Game capacity 1.495KB｜

Script

非常に簡単なスマホゲームを作ることができます。プログラムは以下のようになります。

このプログラムは、星が回転しながら落ちてくるスマホゲームです。背景色は黒で、落ちてくる星は白で、虹色に明滅します。スターはランダムに配置され、ランダムな速度で落ちてきます。スパンが狭すぎると、移動が速くなりすぎて難しくなりますが、太すぎると移動が遅くなりすぎて退屈になります。このプログラムを修正したり、スコアやタイムラインを追加することもできます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

非常に簡単なスマホゲームを作ることができます。プログラムは以下のようになります。

<!DOCTYPE html>
<html>
<head>
	<title>虹色に明滅する星</title>
	<style>
		body {
			background-color: black;
		}
		.star {
			position: absolute;
			color: white;
			font-size: 30px;
			animation: fall linear;
			animation-duration: 3s;
			animation-iteration-count: infinite;
		}
		@keyframes fall {
			from {
				top: -10%;
				transform: rotate(0deg);
			}
			to {
				top: 110%;
				transform: rotate(360deg);
			}
		}
	</style>
</head>
<body>
	<script>
		for (var i = 0; i < 50; i++) {
			var newStar = document.createElement("div");
			newStar.className = "star";
			newStar.innerHTML = "✩";
			newStar.style.top = Math.random() * 100 + "%";
			newStar.style.left = Math.random() * 100 + "%";
			newStar.style.animationDuration = (Math.random() * 2 + 1) + "s";
			document.body.appendChild(newStar);
		}
	</script>
</body>
</html>

このプログラムは、星が回転しながら落ちてくるスマホゲームです。背景色は黒で、落ちてくる星は白で、虹色に明滅します。スターはランダムに配置され、ランダムな速度で落ちてきます。スパンが狭すぎると、移動が速くなりすぎて難しくなりますが、太すぎると移動が遅くなりすぎて退屈になります。このプログラムを修正したり、スコアやタイムラインを追加することもできます。