Skip to content

Instantly share code, notes, and snippets.

@joshkautz

joshkautz/emoji_animation.html

Last active September 8, 2016 04:31
Show Gist options
  • Save joshkautz/651020844385cb53f9c42036313e78b4 to your computer and use it in GitHub Desktop.
Save joshkautz/651020844385cb53f9c42036313e78b4 to your computer and use it in GitHub Desktop.
Download ZIP
JavaScript to randomly animate all the smiley face emojis supported in-browser, accompanied by relevant HTML display files.
Raw
emoji_animation.html
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
html, body {
height: 100%;
}
body {
display:flex;
justify-content:center;
align-items:center;
font-size: 200px;
overflow: hidden;
}
</style>
<script src="emoji_animation.js"></script>
</head>
<body></body>
</html>
Raw
emoji_animation.js
var emojis = '😀 😬 😁 😂 😃 😄 😅 😆 😇 😉 😊 🙂 ☺️ 😋 😌 😍 😘 😗 😙 😚 😜 😝 😛 😎 😏 😶 😐 😑 😒 😳 😞 😟 😠 😡 😔 😕 🙁 ☹️ 😣 😖 😫 😩 😤 😮 😱 😨 😰 😯 😦 😧 😢 😥 😪 😓 😭 😵 😲 😷 😴'.split( ' ' );
function animate() {
setTimeout( function () {
document.body.textContent = emojis[ Math.floor( Math.random() * emojis.length ) ];
requestAnimationFrame( animate );
}, 100 )
}
requestAnimationFrame( animate );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment