API tools faq
paste
Advertisement
BrU32

JQ Webcam Slide In/Out Game Base SRC!!!!!

BrU32
Mar 6th, 2017
198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.10 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <center>
  3. <body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
  4. <video id="video" autoplay hidden>
  5. </video>
  6. <canvas id="canvas" onclick="alert('Got Me!!')" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
  7. <script>
  8. var ii=1;
  9. var video = document.getElementById("video");
  10. var c = document.getElementById("canvas");
  11. var ctx = c.getContext("2d");
  12. var canvas = document.getElementById('canvas');
  13. var context = canvas.getContext('2d');
  14. var video = document.getElementById('video');
  15. var mediaConfig = { video: true,audio:false};
  16. function drawe(){
  17. var possible = "FABCGDE0123456789";
  18. var text = "";
  19. var canvas = document.getElementById("canvas");
  20. var ctx = canvas.getContext("2d");
  21. for(var i=0; i!=6; i++)
  22. text+=possible.charAt(Math.floor(Math.random()*possible.length))
  23. ctx.fillStyle="#"+text;
  24. ctx.beginPath();
  25. //ctx.arc(event.y,event.y,event.x,event.x,Math.random()*100);
  26. //ctx.fill();
  27. ctx.topmost=true;
  28. ctx.stroke();
  29. //text='';
  30. }
  31. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  32. if(ctx.width==500){event.mouseMove++;}
  33. video.src = this.window.URL.createObjectURL(stream);
  34. video.play();
  35. video.addEventListener("play", function() {i = window.setInterval(function() {
  36. canvas.style.opacity-=0.1
  37. canvas.style.opacity++;
  38. ctx.topmost=false;
  39. ctx.drawImage(video,1,1,500,500)},180);
  40. ctx.draw();
  41. drawe;
  42. }, false);
  43. });
  44. </script>
  45. <canvas id="myCanvas"></canvas>
  46. <script>
  47. var c = document.getElementById("myCanvas");
  48. var ctx = c.getContext("2d");
  49. ctx.shadowBlur = 20;
  50. ctx.fillStyle = "red";
  51. ctx.shadowColor = "blue";
  52. //ctx.fillRect(20, 20, 100, 80);
  53. //ctx.shadowColor = "black";
  54. setTimeout(ctx.drawImage(video,event.x, event.y, 80)},200);
  55.  
  56. </script>
  57. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  58. <script>
  59. var scr=0;
  60. $('canvas').click(function(){
  61. var fin=Math.floor(Math.random()*108);
  62. scr=scr+1+fin;
  63. if(fin==0){
  64. alert('Game over. The final score is: '+scr+'!!');
  65. window.location="https://google.com";
  66. }
  67. });
  68. $(document).mousemove(function(){
  69. $('p').css("font-size", "20px");
  70. $('p').css("color", "red");
  71. $("document").fadeToggle('slow');
  72. $('p').fadeToggle('slow');
  73. $('p').value=('slow');
  74. $('p').css("color","red").slideToggle(Math.floor(Math.random()*2000)).slideToggle(Math.floor(Math.random()*2000));
  75. $('canvas').slideToggle(Math.floor(Math.random()*2000)).slideToggle(Math.floor(Math.random()*2000));
  76. });
  77. </script>
  78. </head>
  79. <body>
  80. </html>>>
  81. BrU One More !!SQLMRI7z - Sun, 27 Nov 2016 15:54:11 EST ID:OEFE9/xF No.36332 Ignore Report Quick Reply
  82. <center>
  83. <body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
  84. <video id="video" autoplay hidden>
  85. </video>
  86. <canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
  87. <script>
  88. var ii=1;
  89. var video = document.getElementById("video");
  90. var c = document.getElementById("canvas");
  91. var ctx = c.getContext("2d");
  92. var canvas = document.getElementById('canvas');
  93. var context = canvas.getContext('2d');
  94. var video = document.getElementById('video');
  95. var mediaConfig = { video: true,audio:false};
  96. function drawe(){
  97. var possible = "FABCGDE0123456789";
  98. var text = "";
  99. var canvas = document.getElementById("canvas");
  100. var ctx = canvas.getContext("2d");
  101. for(var i=0; i!=6; i++)
  102. text+=possible.charAt(Math.floor(Math.random()*possible.length))
  103. ctx.fillStyle="#"+text;
  104. ctx.beginPath();
  105. //ctx.arc(event.y,event.y,event.x,event.x,Math.random()*100);
  106. ctx.fill();
  107. ctx.topmost=true;
  108. ctx.stroke();
  109. //text='';
  110. }
  111. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  112. if(ctx.width==500){event.mouseMove++;}
  113. video.src = this.window.URL.createObjectURL(stream);
  114. video.play();
  115. video.addEventListener("play", function() {i = window.setInterval(function() {
  116. canvas.style.opacity-=0.1
  117. canvas.style.opacity++;
  118. ctx.topmost=false;
  119. ctx.drawImage(video,1,1,500,500)},180);
  120. ctx.draw();
  121. drawe;
  122. }, false);
  123. });
  124. </script>
  125. <canvas id="myCanvas"></canvas>
  126. <script>
  127. var c = document.getElementById("myCanvas");
  128. var ctx = c.getContext("2d");
  129. ctx.shadowBlur = 20;
  130. ctx.fillStyle = "red";
  131. ctx.shadowColor = "blue";
  132. ctx.fillRect(20, 20, 100, 80);
  133. ctx.shadowColor = "black";
  134. setTimeout(ctx.drawImage(video,event.x, event.y, 80)},200);
  135.  
  136. </script>
  137. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  138. <script>
  139. var scr=0;
  140. $('canvas').click(function(){
  141. var fin=Math.floor(Math.random()*108);
  142. scr=scr+1+fin;
  143. if(fin==0){
  144. alert('Game over. The final score is: '+scr+'!!');
  145. window.location="https://google.com";
  146. }
  147. });
  148. $(document).mousemove(function(){
  149. $('p').css("font-size", "20px");
  150. $('p').css("color", "red");
  151. $("document").fadeToggle('slow');
  152. $('p').fadeToggle('slow');
  153. $('p').value=('slow');
  154. $('p').css("color","red").slideToggle(Math.floor(Math.random()*2000)).slideToggle(Math.floor(Math.random()*2000));
  155. $('canvas').slideToggle(Math.floor(Math.random()*2000)).slideToggle(Math.floor(Math.random()*2000));
  156. });
  157. </script>
  158. </head>
  159. <body>
  160. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!