Changes for page Nixie Spritesheet
Last modified by Victor Zhang on 00:34, 22/07/2020
Change comment: There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -51,8 +51,19 @@ 51 51 52 52 var currentidx = 0; 53 53 setInterval( () => { 54 - currentidx++; 54 + // redraw static 55 + ctx.clearRect(0, 0, scrwidth , scrheight); 56 + // Draw a border 57 + ctx.beginPath(); 58 + ctx.lineWidth = ""+borderwidth; 59 + ctx.strokeStyle = "#ffffff"; 60 + ctx.rect(borderwidth / 2, borderwidth / 2, scrwidth - borderwidth, scrheight - borderwidth); 61 + ctx.stroke(); 62 + 55 55 console.log( "Drawing frame:" + currentidx ); 64 + ctx.drawImage(imgloads[0], 76 * currentidx, 0, 76 * (currentidx + 1), 157, 0, 0, 76, 157); 65 + currentidx++; 66 + currentidx %= 10; 56 56 } , 500 ); 57 57 }, 1000 ); 58 58 </script>