Advertisement
BrU32

JS Canvas Moving Down The Road Transparent Version SRC

Jan 14th, 2017
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.64 KB | None | 0 0
  1.  
  2. <center><canvas id="canvas" width = "460" height = "360" </canvas>
  3.  
  4.  
  5.  
  6. <script>
  7. c = document.getElementById("canvas");
  8. var ctx = c.getContext("2d");
  9.  
  10. id = ctx.createImageData(460,360);
  11.  
  12. function draw() {
  13. var w=c.width;
  14. var h=c.height;
  15. window.requestAnimationFrame(draw);
  16. var r=11;
  17. for (var p = w * h+ (w + h); p >= 8; p -= 48) {
  18. r -= Math.random()*256;
  19. id.data[p++]=id.data[p++]=id.data[p+Math.floor(Math.random()*4)] = 1112 * Math.random()*Math.sqrt(4);
  20. id.data[p+4] = Math.random()*100;
  21. }
  22. ctx.putImageData(id, 1, 1);
  23. }
  24.  
  25. draw();
  26.  
  27. </script>
  28. </body>
  29. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement