Advertisement
BrU32

JS Night Vision 3D Cube SRC

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