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
-
... ... @@ -48,6 +48,23 @@ 48 48 imgloads.push( thisimg ); 49 49 }); 50 50 console.log( imgloads ); 51 + 52 + var currentidx = 0; 53 + setInterval( () => { 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 + 63 + console.log( "Drawing frame:" + currentidx ); 64 + ctx.drawImage(imgloads[0], 0, 0, 76, 157); 65 + currentidx++; 66 + currentidx %= 10; 67 + } , 500 ); 51 51 }, 1000 ); 52 52 </script> 53 53 {{/html}}