Advertisement
BrU32

JS Canvas Random Color Hex Cube Night Vision SRC

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