API tools faq
paste
Advertisement
Guest User

Snow Flakes for Twitch

a guest
Dec 19th, 2014
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.  
  6. <title>SNOW FLAKES</title>
  7.  
  8. <style>
  9.  
  10. //Download font from: http://itho.eu.org/download/index.php?dir=Fonts/M/&file=MarshMallow%20World.ttf
  11.  
  12. @font-face {
  13.     font-family: 'SnowFlakes';
  14.     src:
  15.         local('MarshMallow World'),
  16.         local('MarshMallow-World'),
  17.         url('fonts/MarshMallow World.ttf')
  18.         format('truetype');
  19. }
  20.  
  21. </style>
  22.  
  23. </head>
  24.  
  25. <body bgcolor="#000000">
  26.  
  27. <script type="text/javascript">
  28.  
  29. var snowmax=64
  30. var snowcolor=new Array("#FFFFFF","#FFFFFF")
  31. var snowtype=new Array("SnowFlakes")
  32. var snowletter=new Array("Q","W","E","R","T","O","P","S","D","F","G","H","J","K","L","X","C","V","N","M")
  33. var sinkspeed=0.7
  34. var snowmaxsize=30
  35. var snowminsize=8
  36. var snowingzone=1
  37. var snow=new Array()
  38. var marginbottom
  39. var marginright
  40. var timer
  41. var i_snow=0
  42. var x_mv=new Array();
  43. var crds=new Array();
  44. var lftrght=new Array();
  45. var browserinfos=navigator.userAgent
  46. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  47. var ns6=document.getElementById&&!document.all
  48. var opera=browserinfos.match(/Opera/)
  49. var browserok=ie5||ns6||opera
  50.  
  51. function randommaker(range) {
  52.        rand=Math.floor(range*Math.random())
  53.    return rand
  54. }
  55.  
  56. function initsnow() {
  57.        if (ie5 || opera) {
  58.                marginbottom = document.body.scrollHeight
  59.                marginright = document.body.clientWidth-15
  60.        }
  61.        else if (ns6) {
  62.                marginbottom = document.body.scrollHeight
  63.                marginright = window.innerWidth-15
  64.        }
  65.        var snowsizerange=snowmaxsize-snowminsize
  66.        for (i=0;i<=snowmax;i++) {
  67.                crds[i] = 0;
  68.            lftrght[i] = Math.random()*15;
  69.            x_mv[i] = 0.03 + Math.random()/10;
  70.                snow[i]=document.getElementById("s"+i)
  71.                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  72.                snow[i].size=randommaker(snowsizerange)+snowminsize
  73.                snow[i].style.fontSize=snow[i].size+'px';
  74.                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  75.                snow[i].style.zIndex=1000
  76.                snow[i].sink=sinkspeed*snow[i].size/5
  77.                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  78.                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  79.                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  80.                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  81.                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  82.                snow[i].style.left=snow[i].posx+'px';
  83.                snow[i].style.top=snow[i].posy+'px';
  84.        }
  85.        movesnow()
  86. }
  87.  
  88. function movesnow() {
  89.        for (i=0;i<=snowmax;i++) {
  90.                crds[i] += x_mv[i];
  91.                snow[i].posy+=snow[i].sink
  92.                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  93.                snow[i].style.top=snow[i].posy+'px';
  94.  
  95.                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  96.                         if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  97.                         if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  98.                         if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  99.                         if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  100.                         snow[i].posy=0
  101.                 }
  102.         }
  103.         var timer=setTimeout("movesnow()",50)
  104. }
  105.  
  106. for (i=0;i<=snowmax;i++) {
  107.        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter[randommaker(snowletter.length)]+"</span>")
  108. }
  109. if (browserok) {
  110.         window.onload=initsnow
  111. }
  112.  
  113. </script>
  114.  
  115. </body>
  116.  
  117. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!