Advertisement
Al_tamvan

cinta

Apr 24th, 2019
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.65 KB | None | 0 0
  1. <!DOCTYPE html><html>
  2. <link rel="icon" type="image/gif" href="http://i62.tinypic.com/wanhu0.png">
  3. <head>
  4. <title> I Love You</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <meta content='Aku sayang kamu ' name='description'/>
  9. <meta content='Kamu sayang aku nggak ;( name='keywords'/>
  10. <meta content='Hacked By Syntax_Errorname='Abstract'/>
  11. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  12. <style type="text/css">*{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:.8em;letter-spacing:.1em;font-weight:300;color:#76747a;-webkit-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased}#container p strong{color:#b3abc5}#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:#FFF}
  13. </style>
  14. <body>
  15. <body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
  16. <div id="container">
  17. <div><br><br><br><br>
  18. <script>
  19. /*function check(e)
  20. {
  21. alert(e.keyCode);
  22. }*/
  23. document.onkeydown = function(e) {
  24. if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 86 || e.keyCode === 85 || e.keyCode === 117)) {//Alt+c, Alt+v will also be disabled sadly.
  25. alert('hayoo.!');
  26. }
  27. return false;
  28. };
  29.  
  30. </script>
  31. <img src="https://i.ibb.co/6rK4Bm5/IMG-20190403-081612.jpg" width="50%">
  32. <script type='text/javascript'>
  33. var isCtrl = false;
  34. document.onkeyup=function(e)
  35. {
  36. if(e.which == 17)
  37. isCtrl=false;
  38. }
  39. document.onkeydown=function(e)
  40. {
  41. if(e.which == 17)
  42. isCtrl=true;
  43. if((e.which == 85) || (e.which == 67) &amp;&amp; isCtrl == true)
  44. {
  45. // alert(&#8216;Keyboard shortcuts are cool!&#8217;);
  46. return false;
  47. }
  48. }
  49. var isNS = (navigator.appName == "Netscape") ? 1 : 0;
  50. if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
  51. function mischandler(){
  52. return false;
  53. }
  54. function mousehandler(e){
  55. var myevent = (isNS) ? e : event;
  56. var eventbutton = (isNS) ? myevent.which : myevent.button;
  57. if((eventbutton==2)||(eventbutton==3)) return false;
  58. }
  59. document.oncontextmenu = mischandler;
  60. document.onmousedown = mousehandler;
  61. document.onmouseup = mousehandler;
  62. </script>
  63. <center>
  64. <SCRIPT>
  65. farbbibliothek = new Array();
  66. farbbibliothek[0] = new Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100");
  67. farbbibliothek[1] = new Array("#00FF00","#000000","#00FF00","#00FF00");
  68. farbbibliothek[2] = new Array("#00FF00","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00");
  69. farbbibliothek[3] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040");
  70. farbbibliothek[4] = new Array("#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000");
  71. farbbibliothek[5] = new Array("#000000","#000000","#000000","#FFFFFF","#FFFFFF","#FFFFFF");
  72. farbbibliothek[6] = new Array("#33CCFF","#33CCCC","#33CC99","#33CC66","#33CC33","#33CC00");
  73. farbbibliothek[7] = new Array("#00dbdb","#00afdb","#0083db","#0058db","#002cdb","#2c00db","#5800db","#8300db","#af00db","#db00db");
  74. farbbibliothek[8] = new Array("#ffd8f4","#ffcff2","#ffc6f0","#ffbded","#ffb4eb","#ffabe8","#ffa2e6","#ff99e3","#ff90e1","#ff87de","#ff7edc","#ff75d9","#ff6cd7","#ff63d5","#ff5ad3","#ff51d1","#ff48cf","#ff3fcd","#ff36cb","#ff2dc9","#ff24c7","#ff1bc5","#ff12c3","#ff09c1","#f600b8","#ed00b1","#e400aa","#db00a3","#d2009c","#c90095","#c0008e","#b70087","#ae0080","#a50079","#9c0072","#93006b","#8a0064","#81005d","#780056","#6f004f","#660048","#5d0042","#54003b","#4b0035","#42002f","#390028","#300022","#27001b");
  75. farben = farbbibliothek[4];
  76. function farbschrift()
  77. {
  78. for(var i=0 ; i<Buchstabe.length; i++)
  79. {
  80. document.all["a"+i].style.color=farben[i];
  81. }
  82. farbverlauf();
  83. }
  84. function string2array(text)
  85. {
  86. Buchstabe = new Array();
  87. while(farben.length<text.length)
  88. {
  89. farben = farben.concat(farben);
  90. }
  91. k=0;
  92. while(k<=text.length)
  93. {
  94. Buchstabe[k] = text.charAt(k);
  95. k++;
  96. }
  97. }
  98. function divserzeugen()
  99. {
  100. for(var i=0 ; i<Buchstabe.length; i++)
  101. {
  102. document.write("<font face='monotype corsiva' size=30><span id='a"+i+"' class='a"+i+"'>"+Buchstabe[i] + "</span></font>");
  103. }
  104. farbschrift();
  105. }
  106. var a=1;
  107. function farbverlauf()
  108. {
  109. for(var i=0 ; i<farben.length; i++)
  110. {
  111. farben[i-1]=farben[i];
  112. }
  113. farben[farben.length-1]=farben[-1];
  114.  
  115. setTimeout("farbschrift()",30);
  116. }
  117. var farbsatz=1;
  118. function farbtauscher()
  119. {
  120. farben = farbbibliothek[farbsatz];
  121. while(farben.length<text.length)
  122. {
  123. farben = farben.concat(farben);
  124. }
  125. farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001));
  126. }
  127. setInterval("farbtauscher()",5000);
  128. text= "Love Youu";
  129. </script><span class='newclass'>
  130. <script type="text/javascript">
  131. string2array(text);
  132. divserzeugen();
  133. </script></span>
  134. <script type="text/javascript"><!--
  135. var message="Sorry, right-click has been disabled";function clickIE(){if(document.all){(message);return false;}}
  136. function clickNS(e){if(document.layers||(document.getElementById&&!document.all)){if(e.which==2||e.which==3){(message);return false;}}}
  137. if(document.layers)
  138. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  139. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  140. document.oncontextmenu=new Function("return false")
  141. </script>
  142. </center>
  143. <h1 id="h1">I Love You Dini</h1><br>
  144. </br>
  145. <p id="h1"><font color="yellow">Waktu pertama kali</br>
  146. Kulihat dirimu hadir</br>
  147. Rasa hati ini inginkan dirimu</br>
  148. Hati tenang mendengar</br>
  149. Suara indah menyapa geloranya hati ini tak ku sangka</br>
  150. Rasa ini tak tertahan</br>
  151. Hati ini selalu untukmu</br>
  152. Terimalah lagu ini dari orang biasa</br>
  153. Tapi cintaku padamu luar biasa</br>
  154. Aku tak punya bunga</br>
  155. Aku tak punya harta</br>
  156. Yang kupunya hanyalah hati yang setia tulus padamu.</br>
  157. Du... Du... Du... Hari hari berganti<br>
  158. Kini cintapun hadir</br>
  159. Melihatmu, memandangmu bagai bidadari</br>
  160. Lentik indah matamu</br>
  161. Manis senyum bibirmu</br>
  162. Hitam panjang rambutmu anggung terikat</br>
  163. Rasa ini tak tertahan</br>
  164. Hati ini slalu untukmu</br>
  165. Terimalah lagu ini</br>
  166. Dari orang biasa</br>
  167. Tapi cintaku padamu luar biasa</br>
  168. Aku tak punya bunga</br>
  169. Aku tak punya harta</br>
  170. Yang kupunya hanyalah hati yang setia tulus padamuu. Ooooooo.</br>
  171. Terimalah lagu ini. Hmm...</br>
  172. Dari orang biasa</br>
  173. Terimalah lagu ini</br>
  174. Dari orang biasa
  175. Tapi cinta ku padamu luar biasa</br>
  176. Aku tak punya bunga</br>
  177. Aku tak punya harta</br>
  178. Yang kupunya hanyalah hati yang setia</br>
  179. Yang kupunya hanyalah hati yang setia</br>
  180. Terimalah cintaku yang luar biasa tulus padamu</p></font>
  181. <h3 id="h3"> I Love Youuuuuu</h3>
  182. <h4 id="h4"><br></h4>
  183. <br><br><br><br><br><br><br><br>
  184. <p class="style14" align="center"> <font color="#fffff" face="courier new" size="3">Greetz :</font><marquee scrolldelay="20" scrollamount="2" direction="left" behavior="scroll" width="50%">
  185. <font color="red" face="Tahoma" size="3"> -RLX-06 -UrlMeError -Xrillzed004 -Mr.Jr177 -./D3L4Y -Fake_Syst3m -Mr.Al -Mr.b4nc37 -Mr.KasX -/ReError404 all my friend </font></marquee><br></p><p align="center">
  186. </div>
  187. </div>
  188. <canvas id="canvas"></canvas>
  189. <script>
  190. 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:#003",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()}}};
  191. </script>
  192. <script>
  193. ;(function(window) {
  194. var ctx,
  195. hue,
  196. logo,
  197. form,
  198. buffer,
  199. target = {},
  200. tendrils = [],
  201. settings = {};
  202. settings.debug = true;
  203. settings.friction = 0.5;
  204. settings.trails = 20;
  205. settings.size = 50;
  206. settings.dampening = 0.25;
  207. settings.tension = 0.98;
  208. Math.TWO_PI = Math.PI * 2;
  209. // ========================================================================================
  210. // Oscillator
  211. // ----------------------------------------------------------------------------------------
  212. function Oscillator(options) {
  213. this.init(options || {});
  214. }
  215. Oscillator.prototype = (function() {
  216. var value = 0;
  217. return {
  218. init: function(options) {
  219. this.phase = options.phase || 0;
  220. this.offset = options.offset || 0;
  221. this.frequency = options.frequency || 0.001;
  222. this.amplitude = options.amplitude || 1;
  223. },
  224. update: function() {
  225. this.phase += this.frequency;
  226. value = this.offset + Math.sin(this.phase) * this.amplitude;
  227. return value;
  228. },
  229. value: function() {
  230. return value;
  231. }
  232. };
  233. })();
  234. // ========================================================================================
  235. // Tendril
  236. // ----------------------------------------------------------------------------------------
  237. function Tendril(options) {
  238. this.init(options || {});
  239. }
  240. Tendril.prototype = (function() {
  241. function Node() {
  242. this.x = 0;
  243. this.y = 0;
  244. this.vy = 0;
  245. this.vx = 0;
  246. }
  247. return {
  248. init: function(options) {
  249. this.spring = options.spring + (Math.random() * 0.1) - 0.05;
  250. this.friction = settings.friction + (Math.random() * 0.01) - 0.005;
  251. this.nodes = [];
  252. for(var i = 0, node; i < settings.size; i++) {
  253. node = new Node();
  254. node.x = target.x;
  255. node.y = target.y;
  256. this.nodes.push(node);
  257. }
  258. },
  259. update: function() {
  260. var spring = this.spring,
  261. node = this.nodes[0];
  262. node.vx += (target.x - node.x) * spring;
  263. node.vy += (target.y - node.y) * spring;
  264. for(var prev, i = 0, n = this.nodes.length; i < n; i++) {
  265. node = this.nodes[i];
  266. if(i > 0) {
  267. prev = this.nodes[i - 1];
  268. node.vx += (prev.x - node.x) * spring;
  269. node.vy += (prev.y - node.y) * spring;
  270. node.vx += prev.vx * settings.dampening;
  271. node.vy += prev.vy * settings.dampening;
  272. }
  273. node.vx *= this.friction;
  274. node.vy *= this.friction;
  275. node.x += node.vx;
  276. node.y += node.vy;
  277. spring *= settings.tension;
  278. }
  279. },
  280. draw: function() {
  281. var x = this.nodes[0].x,
  282. y = this.nodes[0].y,
  283. a, b;
  284. ctx.beginPath();
  285. ctx.moveTo(x, y);
  286. for(var i = 1, n = this.nodes.length - 2; i < n; i++) {
  287. a = this.nodes[i];
  288. b = this.nodes[i + 1];
  289. x = (a.x + b.x) * 0.5;
  290. y = (a.y + b.y) * 0.5;
  291. ctx.quadraticCurveTo(a.x, a.y, x, y);
  292. }
  293. a = this.nodes[i];
  294. b = this.nodes[i + 1];
  295. ctx.quadraticCurveTo(a.x, a.y, b.x, b.y);
  296. ctx.stroke();
  297. ctx.closePath();
  298. }
  299. };
  300. })();
  301. // ----------------------------------------------------------------------------------------
  302. function init(event) {
  303. document.removeEventListener('mousemove', init);
  304. document.removeEventListener('touchstart', init);
  305. document.addEventListener('mousemove', mousemove);
  306. document.addEventListener('touchmove', mousemove);
  307. document.addEventListener('touchstart', touchstart);
  308. mousemove(event);
  309. reset();
  310. loop();
  311. }
  312. function reset() {
  313. tendrils = [];
  314. for(var i = 0; i < settings.trails; i++) {
  315. tendrils.push(new Tendril({
  316. spring: 0.45 + 0.025 * (i / settings.trails)
  317. }));
  318. }
  319. }
  320. function loop() {
  321. if(!ctx.running) return;
  322. ctx.globalCompositeOperation = 'source-over';
  323. ctx.fillStyle = 'rgba(8,5,16,0.4)';
  324. ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
  325. ctx.globalCompositeOperation = 'lighter';
  326. ctx.strokeStyle = 'hsla(' + Math.round(hue.update()) + ',90%,50%,0.25)';
  327. ctx.lineWidth = 1;
  328. if(ctx.frame % 60 == 0) {
  329. console.log(hue.update(), Math.round(hue.update()), hue.phase, hue.offset, hue.frequency, hue.amplitude);
  330. }
  331. for(var i = 0, tendril; i < settings.trails; i++) {
  332. tendril = tendrils[i];
  333. tendril.update();
  334. tendril.draw();
  335. }
  336. ctx.frame++;
  337. ctx.stats.update();
  338. requestAnimFrame(loop);
  339. }
  340. function resize() {
  341. ctx.canvas.width = window.innerWidth;
  342. ctx.canvas.height = window.innerHeight;
  343. }
  344. function start() {
  345. if(!ctx.running) {
  346. ctx.running = true;
  347. loop();
  348. }
  349. }
  350. function stop() {
  351. ctx.running = false;
  352. }
  353. function mousemove(event) {
  354. if(event.touches) {
  355. target.x = event.touches[0].pageX;
  356. target.y = event.touches[0].pageY;
  357. } else {
  358. target.x = event.clientX
  359. target.y = event.clientY;
  360. }
  361. event.preventDefault();
  362. }
  363. function touchstart(event) {
  364. if(event.touches.length == 1) {
  365. target.x = event.touches[0].pageX;
  366. target.y = event.touches[0].pageY;
  367. }
  368. }
  369. function keyup(event) {
  370. switch(event.keyCode) {
  371. case 32:
  372. save();
  373. break;
  374. default:
  375. // console.log(event.keyCode);
  376. }
  377. }
  378. function letters(id) {
  379. var el = document.getElementById(id),
  380. letters = el.innerHTML.replace('&amp;', '&').split(''),
  381. heading = '';
  382. for(var i = 0, n = letters.length, letter; i < n; i++) {
  383. letter = letters[i].replace('&', '&amp');
  384. heading += letter.trim() ? '<span class="letter-' + i + '">' + letter + '</span>' : '&nbsp;';
  385. }
  386. el.innerHTML = heading;
  387. setTimeout(function() {
  388. el.className = 'transition-in';
  389. }, (Math.random() * 500) + 500);
  390. }
  391. function save() {
  392. if(!buffer) {
  393. buffer = document.createElement('canvas');
  394. buffer.width = screen.availWidth;
  395. buffer.height = screen.availHeight;
  396. buffer.ctx = buffer.getContext('2d');
  397. form = document.createElement('form');
  398. form.method = 'post';
  399. form.input = document.createElement('input');
  400. form.input.type = 'hidden';
  401. form.input.name = 'data';
  402. form.appendChild(form.input);
  403. document.body.appendChild(form);
  404. }
  405. buffer.ctx.fillStyle = 'rgba(8,5,16)';
  406. buffer.ctx.fillRect(0, 0, buffer.width, buffer.height);
  407. buffer.ctx.drawImage(canvas,
  408. Math.round(buffer.width / 2 - canvas.width / 2),
  409. Math.round(buffer.height / 2 - canvas.height / 2)
  410. );
  411. buffer.ctx.drawImage(logo,
  412. Math.round(buffer.width / 2 - logo.width / 4),
  413. Math.round(buffer.height / 2 - logo.height / 4),
  414. logo.width / 2,
  415. logo.height / 2
  416. );
  417. window.open(buffer.toDataURL(), 'wallpaper', 'top=0,left=0,width=' + buffer.width + ',height=' + buffer.height);
  418. // form.input.value = buffer.toDataURL().substr(22);
  419. // form.submit();
  420. }
  421. window.requestAnimFrame = (function() {
  422. return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(fn) { window.setTimeout(fn, 1000 / 60) };
  423. })();
  424. window.onload = function() {
  425. ctx = document.getElementById('canvas').getContext('2d');
  426. ctx.stats = new Stats();
  427. ctx.running = true;
  428. ctx.frame = 1;
  429. logo = new Image();
  430. logo.src = 'http://labs.nikrowell.com/lightsandmotion/ultraviolet/images/logo.png';
  431. hue = new Oscillator({
  432. phase: Math.random() * Math.TWO_PI,
  433. amplitude: 85,
  434. frequency: 0.0015,
  435. offset: 285
  436. });
  437. letters('h1');
  438. letters('h2');
  439. document.addEventListener('mousemove', init);
  440. document.addEventListener('touchstart', init);
  441. document.body.addEventListener('orientationchange', resize);
  442. window.addEventListener('resize', resize);
  443. window.addEventListener('keyup', keyup);
  444. window.addEventListener('focus', start);
  445. window.addEventListener('blur', stop);
  446. resize();
  447. if(window.DEBUG) {
  448. var gui = new dat.GUI();
  449. // gui.add(settings, 'debug');
  450. settings.gui.add(settings, 'trails', 1, 30).onChange(reset);
  451. settings.gui.add(settings, 'size', 25, 75).onFinishChange(reset);
  452. settings.gui.add(settings, 'friction', 0.45, 0.55).onFinishChange(reset);
  453. settings.gui.add(settings, 'dampening', 0.01, 0.4).onFinishChange(reset);
  454. settings.gui.add(settings, 'tension', 0.95, 0.999).onFinishChange(reset);
  455. document.body.appendChild(ctx.stats.domElement);
  456. }
  457. };
  458. })(window);
  459. </script>
  460. <span style="visibility: hidden"><iframe widllth="0%" height="0" scrolling="no" frameborder="no" loop="true" allow="autoplay" src="https://mumet.ndas.se/stream/mp3/527558328/Pranti-Community-andmesh-kamaleng-cinta-luar.mp3"></iframe></span>
  461. </body>
  462. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement