Advertisement
BrU32

JS Canvas Real FLIR/Night Vision Cube SRC

Jan 23rd, 2017
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.15 KB | None | 0 0
  1. <style>
  2. body{
  3. filter:hue-rotate(3335234334deg);
  4. filter:invert(422222223)
  5.  
  6.  
  7. }
  8. canvas{
  9. filter:brightness(2.0)
  10. }
  11. </style>
  12. <center>
  13. <body bgcolor="black" onload="setInterval(Gen,333)">
  14. <video id="video" hidden>
  15. </video>
  16. <canvas id="canvas" width="500" height="500"style="opacity:1.0;fillColor:black;">
  17. <script>
  18. var ii=1;
  19. var inn=0;
  20. var video = document.getElementById("video");
  21. var c = document.getElementById("canvas");
  22. var ctx = c.getContext("2d");
  23. var i=0;
  24. var canvas = document.getElementById('canvas');
  25. var context = canvas.getContext('2d');
  26. var video = document.getElementById('video');
  27. var mediaConfig = { video: true,audio:false};
  28. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  29. video.src = this.window.URL.createObjectURL(stream);
  30. video.play();
  31. video.addEventListener("play", function() {i = window.setInterval(function() {
  32. canvas.style.opacity=1.0;
  33. canvas.style.opacity=+Math.random()*99;
  34. ctx.drawImage(video,1,1,500,50)},inn++);
  35.  
  36. }, false);
  37. });
  38. function Gen()
  39. {
  40. var text = "";
  41. var possible = ""
  42. for(var i=0; i!=6; i++)
  43. text+=possible.charAt(Math.floor(Math.random()*possible.length));
  44. document.body.style.backgroundColor=(text);
  45.  
  46. }
  47. </script>
  48. <center>
  49. <body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
  50. <video id="video" autoplay hidden>
  51. </video>
  52. <canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
  53. <script>
  54. var ii=10;
  55. var inn=24;
  56. var video = document.getElementById("video");
  57. var c = document.getElementById("canvas");
  58. var ctx = c.getContext("2d");
  59. var canvas = document.getElementById('canvas');
  60. var context = canvas.getContext('2d');
  61. var video = document.getElementById('video');
  62. var mediaConfig = { video: true,audio:false};
  63. function drawe(){
  64. var possible = "FABCGDE0123456789";
  65. var text = "";
  66. var canvas = document.getElementById("canvas");
  67. var ctx = canvas.getContext("2d");
  68. for(var i=0; i!=6; i++)
  69. text+=possible.charAt(Math.floor(Math.random()*possible.length))
  70. ctx.strokeStyle="#"+text;
  71.  
  72. ctx.topmost=false;
  73.  
  74. }
  75. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  76. if(ctx.width==500){event.mouseMove++;}
  77. video.src = this.window.URL.createObjectURL(stream);
  78. video.play();
  79. video.addEventListener("play", function() {i = window.setInterval(function() {
  80.  
  81. canvas.style.opacity=1.0;
  82. ctx.topmost=false;
  83. ctx.drawStyle=''
  84. ctx.drawImage(video,Math.random()+80,Math.random())},0.1);
  85. ctx.drawImage(video,Math.random()-80,Math.random())},0.1);
  86. ctx.drawImage(video,Math.random()*800,Math.random()},0.1);
  87. ctx.drawImage(video,1,61,50,500)},inn);
  88. ctx.draw();
  89. drawe;
  90. }, false);
  91. });
  92. </script>
  93. <script>
  94. var context = new AudioContext();
  95.  
  96. </script>
  97.  
  98. <center>
  99. <body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
  100. <video id="video" autoplay hidden>
  101. </video>
  102. <canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
  103. <script>
  104. var ii=1;
  105. var video = document.getElementById("video");
  106. var c = document.getElementById("canvas");
  107. var ctx = c.getContext("2d");
  108. var canvas = document.getElementById('canvas');
  109. var context = canvas.getContext('2d');
  110. var video = document.getElementById('video');
  111. var mediaConfig = { video: true,audio:false};
  112. function drawe(){
  113. var possible = "FABCGDE0123456789";
  114. var text = "";
  115. var canvas = document.getElementById("canvas");
  116. var ctx = canvas.getContext("2d");
  117. for(var i=0; i!=6; i++)
  118. text+=possible.charAt(Math.floor(Math.random()*possible.length))
  119. ctx.fillStyle="#"+text;
  120. ctx.beginPath();
  121.  
  122. ctx.fill();
  123. ctx.topmost=true;
  124. ctx.stroke();
  125. text='';
  126. }
  127. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  128. if(ctx.width==500){event.mouseMove++;}
  129. video.src = this.window.URL.createObjectURL(stream);
  130. video.play();
  131. video.addEventListener("play", function() {i = window.setInterval(function() {
  132.  
  133.  
  134. ctx.topmost=false;
  135. ctx.drawImage(video,1,1,500,500)},100);
  136. ctx.draw();
  137. drawe;
  138. }, false);
  139. });
  140. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement