Emoji Animated Shows random emojis and the lines of each emoji. Emojis are animated, they move, scale, and glow. It's a game where you just watch anime.'s game

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

No:2314

8377

←

Prev Next

→

Emoji Animated Shows random emojis and the lines o..ALL
Developer もちきなこ｜Date and time 23/6/20 22:20:40
Build time 64.449 sec｜Game capacity 3.246KB｜

Script

←

Prev　Next

→ 　

Back　

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

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: #282c34;
			color: white;
			font-family: Arial, sans-serif;
			font-size: 20px;
			text-align: center;
			margin: 0;
			padding: 0;
		}
		.emoji {
			display: inline-block;
			font-size: 50px;
			animation-duration: 1.5s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}
		.emoji:hover {
			animation-play-state: paused;
			cursor: pointer;
		}
		@keyframes animation {
			0% {transform: translateY(0);}
			25% {transform: translateY(-10px);}
			50% {transform: translateY(0);}
			75% {transform: translateY(10px);}
			100% {transform: translateY(0);}
		}
		.bright {
			animation-name: bright;
			animation-duration: 0.5s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}
		@keyframes bright {
			0% {color: white;}
			50% {color: #ffcc00;}
			100% {color: white;}
		}
	</style>
</head>
<body>
	<div id="emoji"></div>

var phrases = [
			'こんにちは！', 'おはよう！', 'こんばんは！', '元気かい？', 'おいしいもの食べたいなぁ', '楽しいことしようよ！',
			'チョコレート食べたい！', 'かわいい猫いっぱい！', '音楽聴いてみようかな', 'おなかすきました', '寝てしまおうかな',
			'おやすみなさい', '明日会おうね！', 'がんばろう！', 'お疲れ様！', 'おめでとう！', 'わくわくするなぁ',
			'ワクワク！」　「フードファイト！', 'いただきます！', '美味しい！', 'うまい！', '大満足！', '幸せ！',
			'*yawn* 今日も一日がんばりましょう', '頑張ろう！', '応援してるよ！', 'ほんとにありがとう！', 'すごい！', '本当にお疲れ様！'
		];

var emojiDiv = document.getElementById('emoji');
		var lastEmoji = null;

function randomEmoji() {
			var emoji = emojis[Math.floor(Math.random() * emojis.length)];
			while (emoji === lastEmoji) {
				emoji = emojis[Math.floor(Math.random() * emojis.length)];
			}
			lastEmoji = emoji;
			return emoji;
		}

function addEmoji() {
			var emoji = randomEmoji();
			var phrase = phrases[Math.floor(Math.random() * phrases.length)];
			var div = document.createElement('div');
			div.innerHTML = '<span class="emoji" onclick="this.classList.toggle(\'bright\');">' + emoji + '</span><br><span>' + phrase + '</span>';
			emojiDiv.appendChild(div);
			setTimeout(function() { div.remove(); }, 3000);
		}

setInterval(addEmoji, 1000);
	</script>
</body>
</html>