BrU32

JS Canvas 2D Pipes Screen Effect SRC

Aug 23rd, 2016
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.71 KB | None | 0 0
  1. <html>
  2. <center>
  3. <body onload="setInterval(drawe,100)" onclick="alert('Paused Canvas Drawing!!\n\nPress OK To Resume!!');" background-color="black">
  4. <canvas id="myCanvas" width="1000" height="1000" style="background:black;">
  5. </canvas>
  6. <script>
  7. function drawe(){
  8. var text = "";
  9. var possible = "FABCGDE0123456789";
  10. var canvas = document.getElementById("myCanvas");
  11. var ctx = canvas.getContext("2d");
  12. for(var i=0; i!=6; i++)
  13. text+=possible.charAt(Math.floor(Math.random()*possible.length));
  14. ctx.strokeStyle='#'+text;
  15. ctx.fillStyle="#"+text;
  16. ctx.strokeSize="199";
  17. ctx.strokeRect(Math.random()*1000,Math.random()*1000,Math.random()*10000,Math.random()*10000);
  18. ctx.stroke();
  19. text='';
  20. }
  21. </script>
  22. </body>
  23. </html>
Advertisement
Add Comment
Please, Sign In to add comment