Advertisement
BrU32

JS Canvas Webcam Outrun The Toxic Blue Gas V2

Jan 25th, 2017
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.09 KB | None | 0 0
  1. <body bgcolor="black" onmousemove="drawe();" onmousedown="drawe" onchange="drawe" ondoubkeclick="drawe;">
  2. <video id="video" autoplay hidden>
  3. </video>
  4. <canvas id="canvas" onchange="drawe;" topmost=false onchange="drawe;" width="1000" height="1000" style="opacity:1.0;fillColor:none; width:500px">
  5. <script>
  6. var i=0;
  7. var video = document.getElementById("video");
  8. var canvas = document.getElementById("canvas");
  9. var ctx = canvas.getContext("2d");
  10. var video = document.getElementById('video');
  11. var mediaConfig = { video: true,audio:false};
  12. navigator.mediaDevices.getUserMedia(mediaConfig).then(function(stream) {
  13. video.src = this.window.URL.createObjectURL(stream);
  14. video.play();
  15. video.addEventListener("play", function() {i = window.setInterval(function() {
  16. ctx.shadowBlur = i++;
  17. ctx.shadowOffsetX=i+i;
  18. ctx.shadowOffsetY=i-i;
  19. var rantColor=Math.floor(Math.random()*3);
  20.  
  21. ctx.shadowColor = "#0DFFFF";
  22. ctx.rotate(Math.random()*260)
  23. ctx.drawImage(video,Math.random()*i,i,i,Math.random()*i)},5);
  24. ctx.draw();
  25. },true);
  26. });
  27.  
  28. </script>
  29. </body>
  30. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement