Summary

• Page properties (2 modified, 0 added, 0 removed)

Details

Page properties

Tags

...	...	@@ -1,0 +1,1 @@
	1	+assets|2d|3d|nixie|number

Content

...	...	@@ -27,8 +27,8 @@
27	27
28	28	let imgurls = [attachurl+'WebHome/NixieOrth.png', attachurl+'WebHome/NixiePers.png'];
29	29
30		- console.log( "Load image:", JSON.stringify(imgurls) );
31		- console.log( "canvas size:",c.width, ",", c.height );
	30	+ // console.log( "Load image:", JSON.stringify(imgurls) );
	31	+ // console.log( "canvas size:",c.width, ",", c.height );
32	32	let scrwidth = c.width;
33	33	let scrheight = c.height;
34	34	let borderwidth = 2;
...	...	@@ -47,7 +47,25 @@
47	47	thisimg.src = item;
48	48	imgloads.push( thisimg );
49	49	});
50		- console.log( imgloads );
	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], 76 * currentidx, 0, 76, 157, 112, 72, 76, 157);
	65	+ ctx.drawImage(imgloads[1], 76 * currentidx, 0, 76, 162, 412, 69, 76, 162);
	66	+ currentidx++;
	67	+ currentidx %= 10;
	68	+ } , 500 );
51	51	}, 1000 );
52	52	</script>
53	53	{{/html}}