Dragon is watching you, move your mouse and feel the fear ! Better experience in 1920*1080 ...
var d=document;s=new(AudioContext);var o=s.createOscillator();o.connect(s.destination);var q=o.frequency;q.value=32;o.start(0);function g(i){return d.getElementById(i)}var w=b.clientWidth;var h=b.clientHeight;j='radial-gradient';k='border-radius:50%;';l=w*.6+'px';m=h*.5+'px';d.onmousemove=function(e){W=e.clientX/w;f=W*(-W+1);g('D').style.margin=-32*f+'% 0 0 '+80*W+'%';q.value=(36*f)+22;p=g('F').style;p.width=p.height=(180*f+30)+'%';g('A').style.height=h*(.5-f)+'px'};b.innerHTML='<style>body{width:'+w+'px;height:'+h+'px;background:'+j+'(circle at 0% 50%,#330 9px,#663 10px,rgba(96,16,48,0) 11px) 0 10px,'+j+'(at 100% 100%,#330 9px,#663 10px,#330 11px),#8a3;background-size:20px 20px}#A{margin:7em auto;overflow:hidden;width:'+l+';height:'+m+';background:#fff;border:30px solid #330;border-radius:66%/60%}#E{width:'+m+';height:'+m+';background:#F90;'+k+'display:table-cell;vertical-align:middle}h6{background:#000;'+k+'margin:0 auto}</style><div id="A"><div id="D"><div id="E"><h6 id="F"></h6></div></div></div>';
dmFyIGQ9ZG9jdW1lbnQ7cz1uZXcoQXVkaW9Db250ZXh0KTt2YXIgbz1zLmNyZWF0ZU9zY2lsbGF0b3IoKTtvLmNvbm5lY3Qocy5kZXN0aW5hdGlvbik7dmFyIHE9by5mcmVxdWVuY3k7cS52YWx1ZT0zMjtvLnN0YXJ0KDApO2Z1bmN0aW9uIGcoaSl7cmV0dXJuIGQuZ2V0RWxlbWVudEJ5SWQoaSl9dmFyIHc9Yi5jbGllbnRXaWR0aDt2YXIgaD1iLmNsaWVudEhlaWdodDtqPSdyYWRpYWwtZ3JhZGllbnQnO2s9J2JvcmRlci1yYWRpdXM6NTAlOyc7bD13Ki42KydweCc7bT1oKi41KydweCc7ZC5vbm1vdXNlbW92ZT1mdW5jdGlvbihlKXtXPWUuY2xpZW50WC93O2Y9VyooLVcrMSk7ZygnRCcpLnN0eWxlLm1hcmdpbj0tMzIqZisnJSAwIDAgJys4MCpXKyclJztxLnZhbHVlPSgzNipmKSsyMjtwPWcoJ0YnKS5zdHlsZTtwLndpZHRoPXAuaGVpZ2h0PSgxODAqZiszMCkrJyUnO2coJ0EnKS5zdHlsZS5oZWlnaHQ9aCooLjUtZikrJ3B4J307Yi5pbm5lckhUTUw9JzxzdHlsZT5ib2R5e3dpZHRoOicrdysncHg7aGVpZ2h0OicraCsncHg7YmFja2dyb3VuZDonK2orJyhjaXJjbGUgYXQgMCUgNTAlLCMzMzAgOXB4LCM2NjMgMTBweCxyZ2JhKDk2LDE2LDQ4LDApIDExcHgpIDAgMTBweCwnK2orJyhhdCAxMDAlIDEwMCUsIzMzMCA5cHgsIzY2MyAxMHB4LCMzMzAgMTFweCksIzhhMztiYWNrZ3JvdW5kLXNpemU6MjBweCAyMHB4fSNBe21hcmdpbjo3ZW0gYXV0bztvdmVyZmxvdzpoaWRkZW47d2lkdGg6JytsKyc7aGVpZ2h0OicrbSsnO2JhY2tncm91bmQ6I2ZmZjtib3JkZXI6MzBweCBzb2xpZCAjMzMwO2JvcmRlci1yYWRpdXM6NjYlLzYwJX0jRXt3aWR0aDonK20rJztoZWlnaHQ6JyttKyc7YmFja2dyb3VuZDojRjkwOycraysnZGlzcGxheTp0YWJsZS1jZWxsO3ZlcnRpY2FsLWFsaWduOm1pZGRsZX1oNntiYWNrZ3JvdW5kOiMwMDA7JytrKydtYXJnaW46MCBhdXRvfTwvc3R5bGU+PGRpdiBpZD0iQSI+PGRpdiBpZD0iRCI+PGRpdiBpZD0iRSI+PGg2IGlkPSJGIj48L2g2PjwvZGl2PjwvZGl2PjwvZGl2Pic7
var d=document;
//SOUND
s = new (AudioContext);
var o = s.createOscillator();
o.connect(s.destination);
var q=o.frequency;
q.value=32;
o.start(0);
//SAVE BYTES !!!
function g(i){return d.getElementById(i)}
var w=b.clientWidth;
var h=b.clientHeight;
j='radial-gradient';
k='border-radius:50%;';
l=w*.6+'px';
m=h*.5+'px';
//EYE MVT
d.onmousemove=function(e){
W=e.clientX/w; //mouse position factor
//H=e.clientY/h; //mouse position factor
f=W*(-W+1); //factor polynomial second grade
g('D').style.margin=-32*f+'% 0 0 '+80*W+'%'; //iris mov
q.value=(36*f)+22; //sound
p=g('F').style;
p.width=p.height=(180*f+30)+'%'; //pupil contraction
g('A').style.height=h*(.5-f)+'px'; //eye contraction
};
//MAIN HTML CODE WITH CSS //skin from http://lea.verou.me/css3patterns/#microbial-mat
b.innerHTML='<style>body{width:'+w+'px;height:'+h+'px;background:'+j+'(circle at 0% 50%,#330 9px,#663 10px,rgba(96,16,48,0) 11px) 0 10px,'+j+'(at 100% 100%,#330 9px,#663 10px,#330 11px),#8a3;background-size:20px 20px}#A{margin:7em auto;overflow:hidden;width:'+l+';height:'+m+';background:#fff;border:30px solid #330;border-radius:66%/60%}#E{width:'+m+';height:'+m+';background:#F90;'+k+'display:table-cell;vertical-align:middle}h6{background:#000;'+k+'margin:0 auto}</style><div id="A"><div id="D"><div id="E"><h6 id="F"></h6></div></div></div>';