AI game creator

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

No:2031

6599

←

Prev Next

→

✨
Developer もちきなこ｜Date and time 23/6/19 21:09:33
Build time 46.608 sec｜Game capacity 3.097KB｜

Script

以上が、神アニメの実装例です。50個の絵文字をランダムに生成して、画面に表示します。また、5秒ごとにランダムなセリフを生成し、画面に表示します。セリフは3秒後に消えます。絵文字とセリフは、スマホ画面上で目立つように表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>神アニメ</title>
	<style>
		#animation {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-color: black;
		}
		#random-text {
			position: absolute;
			left: 0;
			top: 0;
			font-size: 2em;
			color: white;
			text-align: center;
			padding: 10px;
			display: none;
		}
	</style>
</head>
<body onload="startAnimation()">
	<div id="animation"></div>
	<div id="random-text"></div>

let emojis = ["😀", "😂", "😍", "🤖", "👽", "👻", "🦄", "🐶", "🐱", "🐭", "🐹", "🐰", "🐻", "🐨", "🦁", "🐴", "🦓", "🐮", "🐷", "🐒", "🐔", "🐦", "🐤", "🦅", "🦉", "🐸", "🐢", "🦎", "🐛", "🦋", "🐌", "🐜", "🐝", "🐞", "🦄", "🦕", "🦖", "🦑", "🐙", "🦀", "🦐", "🐠", "🐟", "🐡", "🐬", "🦈", "🐳", "🐋", "🐊", "🐆", "🦓", "🐅", "🐂", "🐃", "🐫", "🦒", "🐘", "🦏", "🦍"];

function startAnimation() {
			for(let i = 0; i < 50; i++) {
				let emojiDiv = document.createElement("div");
				emojiDiv.style.position = "absolute";
				emojiDiv.style.left = Math.floor(Math.random() * 90) + "%";
				emojiDiv.style.top = Math.floor(Math.random() * 90) + "%";
				emojiDiv.style.fontSize = Math.floor(Math.random() * 3) + "em";
				emojiDiv.innerHTML = emojis[Math.floor(Math.random() * emojis.length)];
				animationDiv.appendChild(emojiDiv);
			}

setInterval(function() {
				randomTextDiv.innerHTML = generateRandomText();
				randomTextDiv.style.display = "block";
				setTimeout(function() {
					randomTextDiv.style.display = "none";
				}, 3000);
			}, 5000);
		}

function generateRandomText() {
			let texts = ["これが神アニメの力だ！", "アニメよりも強い！", "神様も認めるアニメ！", "世界中の人々が感動するアニメ！", "このアニメは永遠に続く！", "タイムトラベルしてでも見たいアニメ！", "こんなアニメ見たことない！", "さあ、どうだ？この神アニメ！", "夢中になって見ちゃったよ！", "感動と笑いが詰まったアニメ！", "何度見ても飽きないアニメ！", "こんな特技にはビックリ！", "アニメの力で世界平和！", "みんなもこのアニメを見て癒されよう！", "アニメの世界に入り込んでいる気分！", "キャラクターたちが次々に登場して、ドキドキする！", "アニメがここまで面白いとは！", "まさに神アニメ！"];
			return texts[Math.floor(Math.random() * texts.length)];
		}
	</script>
</body>
</html>