Advertisement
Guest User

Untitled

a guest
Dec 9th, 2019
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.80 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>
  4. </title>
  5. <style>
  6. canvas{border: 2px solid black; background:#CD5C5C; display: block; margin:0 auto;}
  7. </style>
  8. </head>
  9. <body>
  10. <h1><center>Coin Animation</center></h1>
  11. <canvas id="myCanvas" width="640" height="360"></canvas>
  12. <script>
  13. window.addEventListener('load',function(){
  14.  
  15. var canvas = document.getElementById("myCanvas");
  16. var ctx = canvas.getContext("2d");
  17.  
  18. var goldcoin = new Image();
  19. goldcoin.src = "CoinSpriteSheet.png";
  20.  
  21. function sprite (options){
  22. var coin = {};
  23. coin.context = options.context;
  24. coin.width = options.width;
  25. coin.height = options.height;
  26. coin.image = options.image;
  27. coin.x = 0;
  28. coin.y = 0;
  29.  
  30. return coin;
  31. }
  32.  
  33. void ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight);
  34. });
  35. </script>
  36. </body>
  37. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement