Advertisement
BrU32

JS Canvas Webcam Rainbow Jizz Ejaculation FX SRC LOL V1

Feb 28th, 2017
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.42 KB | None | 0 0
  1. <style>
  2. body{
  3.  
  4. }
  5. canvas{
  6. filter:invert(180%);
  7. }
  8. </style>
  9. <center>
  10. <body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onmouseup="drawe" ommouseover="drawe" onchange="drawe" onload="drawe" onpaint="drawe" ondoubleclick="drawe;">
  11. <video id="video" autoplay hidden>
  12. </video>
  13. <canvas id="canvas" onchange="drawe;" topmost="false" onchange="drawe;" width="500" height="500" style="opacity:1.0;fillColor:none;">
  14. <script>
  15. var ii=1;
  16. var video = document.getElementById("video");
  17. var c = document.getElementById("canvas");
  18. var ctx = c.getContext("2d");
  19. var canvas = document.getElementById('canvas');
  20. var context = canvas.getContext('2d');
  21. var video = document.getElementById('video');
  22. var mediaConfig = { video: true,audio:false};
  23. function drawe(){
  24. var possible = "FABCGDE0123456789";
  25. var text = "";
  26. var canvas = document.getElementById("canvas");
  27. var ctx = canvas.getContext("2d");
  28. for(var i=0; i!=6; i++)
  29. text+=possible.charAt(Math.floor(Math.random()*possible.length))
  30. ctx.strokeStyle="#"+text;
  31. ctx.shadowColor = "#"+text;
  32. ctx.fillStyle="#"+text;
  33. //ctx.moveTo(Math.random()*1,Math.random()*1);
  34.  
  35. ctx.fillRect(ii+=1,1,ii,22,22)
  36. ctx.fillRect(ii+=1,1,ii,22,22)
  37. ctx.fillRect(ii+=1,23,ii,22,22)
  38. ctx.fillRect(ii+=1,34,ii,22,22)
  39. ctx.fillRect(ii+=1,45,ii,22,22)
  40. ctx.fillRect(ii+=1,56,ii,22,22)
  41. ctx.fillRect(ii+=1,66,ii,22,22)
  42. ctx.fillRect(ii+=1,76,ii,22,22)
  43. ctx.fillRect(ii+=1,86,ii,22,22)
  44. ctx.fillRect(ii+=1,96,ii,22,22)
  45. ctx.fillRect(ii+=1,106,ii,22,22)
  46. ctx.fillRect(ii+=1,112,ii,22,22)
  47. ctx.fillRect(ii+=1,124,ii,22,22)
  48. //ctx.lineTo(Math.random()*500,Math.random()*500);
  49. ctx.topmost=false;
  50.  
  51. ctx.stroke();
  52. text='';
  53. }
  54. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  55. if(ctx.width==500){event.mouseMove++;}
  56. video.src = this.window.URL.createObjectURL(stream);
  57. var store =video.src;
  58. video.play();
  59. video.addEventListener("play", function() {i = window.setInterval(function() {
  60. canvas.style.opacity-=0.1
  61. canvas.style.opacity++;
  62. ctx.shadowBlur =100;
  63. ctx.topmost=false;
  64.  
  65. ctx.drawImage(video,0,0,124,124)},100);
  66. ctx.draw();
  67. drawe;
  68. }, false);
  69. window.onkeydown=function(){
  70. this.video.src=('');
  71. this.video.pause();
  72. alert('Click Any Place To Restart Webcam/Effect!!')
  73.  
  74. }
  75. window.onclick=function(){
  76. this.video.src=(store);
  77. this.video.play();
  78.  
  79. }
  80. });
  81. </script>
  82. </body>
  83. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement