игра! ctrl+c, ctrl+v
- Автор темы zazacaca32
- Дата начала
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"></head><style>@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:100';html,body{overflow: hidden;font-family: 'Roboto Mono', monospace; background: #212121; height: 100%;}a{color: #bababa}.container{height: 100%; width: 100%; justify-content: center; align-items: center; display: flex;}.text{font-weight: 100; font-size: 28px; color: #fafafa;}.dud{color: #757575;}</style><div class="container"><div class="text"></div></div><script>(function(){var i=function(s){this.el=s,this.chars="!@#$%^&*(){}/><\\|abcdefghijklmnopqrstuvwxyz",this.update=this.update.bind(this)};i.prototype.setText=function(s){var t=this,u=this.el.innerText,v=Math.max(u.length,s.length),w=new Promise(function(z){return t.resolve=z});this.queue=[];for(var y,x=0;x<v;x++)y=Math.floor(40*Math.random()),this.queue.push({from:u[x]||"",to:s[x]||"",start:y,end:y+Math.floor(40*Math.random())});return cancelAnimationFrame(this.frameRequest),this.frame=0,this.update(),w},i.prototype.update=function(){for(var s="",t=0,u=0,v=this.queue.length;u<v;u++){var w=this.queue,x=w.from,y=w.to,z=w.start,A=w.char;this.frame>=w.end?(t++,s+=y):this.frame>=z?((!A||.28>Math.random())&&(A=this.randomChar(),this.queue.char=A),s+="<span class=\"dud\">"+A+"</span>"):s+=x}this.el.innerHTML=s,t===this.queue.length?this.resolve()
this.frameRequest=requestAnimationFrame(this.update),this.frame++)},i.prototype.randomChar=function(){return this.chars[Math.floor(Math.random()*this.chars.length)]};var j="Hello;What are you doing there?".split(";"),o=document.querySelector(".text"),p=new i(o),q=0,r=function(){p.setText(j[q]).then(function(){setTimeout(r,1800)}),q=(q+1)%j.length};r()})(); </script></html>
this.frameRequest=requestAnimationFrame(this.update),this.frame++)},i.prototype.randomChar=function(){return this.chars[Math.floor(Math.random()*this.chars.length)]};var j="Hello;What are you doing there?".split(";"),o=document.querySelector(".text"),p=new i(o),q=0,r=function(){p.setText(j[q]).then(function(){setTimeout(r,1800)}),q=(q+1)%j.length};r()})(); </script></html>