API tools faq
paste
BrU32

JQ JS FLIR Webcam Chaos SRC FINAL

BrU32
Nov 27th, 2016
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.52 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <center>
  3. <canvas id="canvas" width='1000' height='1000'></canvas>
  4.  
  5. <body bgcolor="white" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
  6. <video id="video" autoplay hidden>
  7. </video><center>
  8. <canvas id="myCanvas" left="2240" width="2240" height="1220" style="border:22px solid grea;">
  9. Your browser does not support the HTML5 canvas tag.</canvas>
  10. <script>
  11. var c = document.getElementById("myCanvas");
  12. var ctx = c.getContext("2d");
  13. ctx.shadowBlur = 20;
  14. ctx.fillStyle = "red";
  15. ctx.shadowColor = "blue";
  16. ctx.shadowColor = "blue";
  17. ctx.fillRect(Math.random()*50, Math.random()*20, Math.random)*500, Math.random()*1000));
  18.  
  19. </script>
  20. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  21. <script>
  22. $(document).mousemove(function(e){
  23. $('p').css("font-size", "10px");
  24. $('p').css("color", "red");
  25. $("canvas").slideToggle(Math.random()*3000);
  26. ctx.arc(Math.random()*1000, Math.random()*1000, Math.random()*100, 80);
  27. });
  28. </script>
  29. </head>
  30.  
  31. <canvas id="canvas" width="10000" height="10000"style="opacity:1.0;fillColor:white;">
  32. <script>
  33. var ii=1;
  34.  
  35. var video = document.getElementById("video");
  36. var c = document.getElementById("canvas");
  37. var ctx = c.getContext("2d");
  38. var canvas = document.getElementById('canvas');
  39. var context = canvas.getContext('2d');
  40. var video = document.getElementById('video');
  41. var mediaConfig = { video: true,audio:false};
  42. function drawe(){
  43. }
  44. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  45. video.src = this.window.URL.createObjectURL(stream);
  46. video.play();
  47. video.addEventListener("play", function() {i = window.setInterval(function() {
  48. canvas.style.opacity+=1.2;
  49. ctx.drawImage(video,ii++,ii+8,1000+8,1000-88)},3000001);
  50. ctx.draw();
  51. //drawe1();
  52. }, false);
  53. });
  54. function drawe1(){
  55. var text = "";
  56. var possible = "FABCGDE0123456789";
  57. var canvas = document.getElementById("myCanvas");
  58. var ctx = canvas.getContext("2d");
  59. ctx.moveTo(CurY,CurX);
  60. for(var i=0; i!=6; i++)
  61. text+=possible.charAt(Math.floor(Math.random()*possible.length));
  62. ctx.strokeStyle=''+text;
  63. text='';
  64. ctx.lineTo(CurX,CurY);
  65. ctx.stroke()
  66.  
  67. }
  68. </script>
  69. </center>
  70. <script>
  71. function drawe(){
  72. var text = "";
  73. var possible = "FABCGDE0123456789";
  74. var canvas = document.getElementById("myCanvas");
  75. var ctx = canvas.getContext("2d");
  76. for(var i=0; i!=6; i++)
  77. text+=possible.charAt(Math.floor(Math.random()*possible.length));
  78. ctx.strokeStyle='#'+text;
  79. ctx.fillStyle="#"+text;
  80. var c = document.getElementById("myCanvas");
  81. var ctx = c.getContext("2d");
  82. ctx.beginPath();
  83. ctx.arc(Math.random()*1000,Math.random()*1000,40,0,2*Math.PI);
  84. ctx.paint();
  85. text='';
  86. }
  87. </script>
  88.  
  89. <body onload="setInterval('drawe(Math.random()*1000,Math.random()*1000)',0.0001)" background-color="white">
  90. <canvas id="myCanvas" width="10000" height="10000" style="background:black;">
  91. </canvas>
  92. <script>
  93. function drawe(intt,intt2){
  94. var text = "";
  95. var possible = "FABCGDE0123456789";
  96. var canvas = document.getElementById("myCanvas");
  97. var ctx = canvas.getContext("2d");
  98. for(var i=0; i!=6; i++)
  99. text+=possible.charAt(Math.floor(Math.random()*possible.length));
  100. ctx.strokeStyle='#'+text;
  101. ctx.fillStyle='#'+text;
  102. ctx.beginPath();
  103. ctx.arc(i+intt-1,intt2,Math.random()*i++,Math.random()*1000,Math.PI);
  104. ctx.draw();
  105. text='';
  106. }
  107. </script>
  108. <style>
  109. body{
  110. overflow: visible;
  111. position:center;
  112.  
  113. filter:invert(0.9);
  114. }
  115. .container{
  116. position: center;
  117. width: Math.random()*5vmax+1vmax;
  118. height: Math.random()*15vmax+10vmax;
  119.  
  120. }
  121. </style>
  122. <style>
  123. body{
  124. overflow: visible;
  125. position:center;
  126.  
  127. filter:invert(0.9);
  128. }
  129. .container{
  130. position: center;
  131. width: Math.random()*5vmax+1vmax;
  132. height: Math.random()*15vmax+10vmax;
  133.  
  134. }
  135. </style>
  136.  
  137. <center>
  138. <body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
  139. <video id="video" autoplay hidden>
  140. </video>
  141. <canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
  142. <script>
  143. var ii=1;
  144. var inn=244;
  145. var video = document.getElementById("video");
  146. var c = document.getElementById("canvas");
  147. var ctx = c.getContext("2d");
  148. var canvas = document.getElementById('canvas');
  149. var context = canvas.getContext('2d');
  150. var video = document.getElementById('video');
  151. var mediaConfig = { video: true,audio:false};
  152. function drawe(){
  153. var possible = "FABCGDE0123456789";
  154. var text = "";
  155. var canvas = document.getElementById("canvas");
  156. var ctx = canvas.getContext("2d");
  157. for(var i=0; i!=6; i++)
  158. text+=possible.charAt(Math.floor(Math.random()*possible.length))
  159. ctx.strokeStyle="#"+text;
  160.  
  161. ctx.topmost=true;
  162. text='';
  163. }
  164. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  165. if(ctx.width==500){event.mouseMove++;}
  166. video.src = this.window.URL.createObjectURL(stream);
  167. video.play();
  168. video.addEventListener("play", function() {i = window.setInterval(function() {
  169.  
  170. ctx.topmost=false;
  171. ctx.rotate(1000);
  172. ctx.drawImage(video,1,1)},-30.449);
  173.  
  174. ctx.rotate(ii);
  175. ctx.draw();
  176.  
  177.  
  178. }, false);
  179. });
  180. </script>
  181. <center>
  182. <canvas id="canvas" width='1000' height='1000'></canvas>
  183.  
  184. <body bgcolor="white" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubleclick="drawe;">
  185. <video id="video" autoplay hidden>
  186. </video><center>
  187. <canvas id="myCanvas" left="2240" width="2240" height="1220" style="border:22px solid grea;">
  188. Your browser does not support the HTML5 canvas tag.</canvas>
  189. <script>
  190. var c = document.getElementById("myCanvas");
  191. var ctx = c.getContext("2d");
  192. ctx.shadowBlur = 20;
  193. ctx.fillStyle = "red";
  194. ctx.shadowColor = "blue";
  195. ctx.shadowColor = "blue";
  196. ctx.fillRect(Math.random()*50, Math.random()*20, Math.random)*500, Math.random()*1000));
  197.  
  198. </script>
  199. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  200. <script>
  201. $(document).mousemove(function(e){
  202. $('p').css("font-size", "10px");
  203. $('p').css("color", "red");
  204. $("canvas").slideToggle(Math.random()*3000);
  205. ctx.fillRect(Math.random()*1000, Math.random()*1000, Math.random()*100, 80);
  206. });
  207. </script>
  208. </head>
  209. <body>
  210. </html>
  211. <canvas id="canvas" width="10000" height="10000"style="opacity:1.0;fillColor:white;">
  212. <script>
  213. var ii=1;
  214.  
  215. var video = document.getElementById("video");
  216. var c = document.getElementById("canvas");
  217. var ctx = c.getContext("2d");
  218. var canvas = document.getElementById('canvas');
  219. var context = canvas.getContext('2d');
  220. var video = document.getElementById('video');
  221. var mediaConfig = { video: true,audio:false};
  222. function drawe(){
  223. }
  224. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  225. video.src = this.window.URL.createObjectURL(stream);
  226. video.play();
  227. video.addEventListener("play", function() {i = window.setInterval(function() {
  228. canvas.style.opacity+=1.2;
  229. ctx.drawImage(video,ii,ii,1000,1000)},31);
  230. ctx.draw();
  231. drawe1();
  232. }, false);
  233. });
  234. function drawe1(){
  235. var text = "";
  236. var possible = "FABCGDE0123456789";
  237. var canvas = document.getElementById("myCanvas");
  238. var ctx = canvas.getContext("2d");
  239. ctx.moveTo(CurY,CurX);
  240. for(var i=0; i!=6; i++)
  241. text+=possible.charAt(Math.floor(Math.random()*possible.length));
  242. ctx.strokeStyle=''+text;
  243. text='';
  244. ctx.lineTo(Math.random()*CurX,Math.random()*CurY);
  245. ctx.stroke()
  246. ctx.paint();
  247. ctx.clear();
  248. }
  249. </script>
  250. </center>
  251. <center>
  252. <body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
  253. <video id="video" autoplay hidden>
  254. </video>
  255. <canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
  256. <script>
  257. var ii=1;
  258. var inn=244;
  259. var video = document.getElementById("video");
  260. var c = document.getElementById("canvas");
  261. var ctx = c.getContext("2d");
  262. var canvas = document.getElementById('canvas');
  263. var context = canvas.getContext('2d');
  264. var video = document.getElementById('video');
  265. var mediaConfig = { video: true,audio:false};
  266. function drawe(){
  267. var possible = "FABCGDE0123456789";
  268. var text = "";
  269. var canvas = document.getElementById("canvas");
  270. var ctx = canvas.getContext("2d");
  271. for(var i=0; i!=6; i++)
  272. text+=possible.charAt(Math.floor(Math.random()*possible.length))
  273. ctx.strokeStyle="#"+text;
  274.  
  275. ctx.topmost=true;
  276. text='';
  277. }
  278. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  279. if(ctx.width==500){event.mouseMove++;}
  280. video.src = this.window.URL.createObjectURL(stream);
  281. video.play();
  282. video.addEventListener("play", function() {i = window.setInterval(function() {
  283.  
  284. ctx.topmost=false;
  285. ctx.rotate(1000);
  286. ctx.drawImage(video,1,1)},-30.449);
  287.  
  288. ctx.rotate(ii);
  289. ctx.draw();
  290.  
  291.  
  292. }, false);
  293. });
  294. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!