虹色画面上に、様々な色に高速で点滅する文字を表示させてください。文字列は『虹色』『にじいろ』『ﾆｼﾞｲﾛ』であり、それぞれの文字が別の色に光っています(『にじいろ』なら、に,じ,い,ろ,の全てが違う色) また、非常に巨大な文字列であり、少しだけ文字が重なっています。背景も虹色に点滅させてください。これらを眺めるだけのゲームです。 's game

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

No:2228

201

←

Prev Next

→

虹色画面上に、様々な色に高速で点滅する文字を表示させてください。文字列は『虹色』『にじいろ』『ﾆｼ..ALL
Developer もちきなこ｜Date and time 23/6/20 16:13:28
Build time 25.529 sec｜Game capacity 2.001KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>虹色ゲーム</title>
</head>
<body>
	<script>
		// 色の配列
		var colors = ['#FF0000', '#FF7F00', '#FFFF00', '#00FF00', '#0000FF', '#8B00FF'];
		// 文字列
		var strings = ['虹色', 'にじいろ', 'ﾆｼﾞｲﾛ'];
		// 文字の速度
		var speed = 50;
		// 文字の大きさ
		var fontSize = 200;
		// 文字列の間隔
		var stringGap = 100;
		// 文字列の重なり
		var stringOverlap = -50;

// 色を選ぶ
		function chooseColor() {
			return colors[Math.floor(Math.random() * colors.length)];
		}

// 文字を生成
		function createText() {
			var text = document.createElement('div');
			text.innerText = strings[Math.floor(Math.random() * strings.length)];
			text.style.position = 'absolute';
			text.style.fontSize = fontSize + 'px';
			text.style.color = chooseColor();
			text.style.top = (Math.random() * 100) + '%';
			text.style.left = (Math.random() * 100) + '%';
			document.body.appendChild(text);
			moveText(text);
		}

// 文字を移動
		function moveText(text) {
			var top = parseInt(text.style.top);
			var left = parseInt(text.style.left);
			if (top < -fontSize || left < -fontSize) {
				document.body.removeChild(text);
			} else {
				text.style.top = (top - speed) + 'px';
				text.style.left = (left - speed) + 'px';
				setTimeout(function() {
					moveText(text);
				}, 50);
			}
		}

// 虹色背景を生成
		function createBackground() {
			var colors = ['#FF0000', '#FF7F00', '#FFFF00', '#00FF00', '#0000FF', '#8B00FF'];
			var index = 0;
			document.body.style.backgroundColor = colors[index];
			setInterval(function() {
				index = (index + 1) % colors.length;
				document.body.style.backgroundColor = colors[index];
			}, 100);
		}

// 初期化
		function init() {
			createBackground();
			setInterval(createText, stringGap);
			setInterval(createText, stringGap + stringOverlap);
			setInterval(createText, stringGap + (stringOverlap * 2));
		}

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