Summary

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

Details

Page properties

Tags

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

Content

...	...	@@ -20,14 +20,15 @@
20	20	</div>
21	21	<script>
22	22	let windowurl = window.location.href;
	23	+let attachurl = windowurl.substring(0, 41) + 'download' + windowurl.substring(45);
23	23	setTimeout( () => {
24	24	let c = document.getElementById("mycanvas");
25	25	let ctx = c.getContext("2d");
26	26
27		- let imgurls = [windowurl+'WebHome/NixieOrth.png', windowurl+'WebHome/NixiePers.png'];
	28	+ let imgurls = [attachurl+'WebHome/NixieOrth.png', attachurl+'WebHome/NixiePers.png'];
28	28
29		- console.log( "Load image:", JSON.stringify(imgurls) );
30		- 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 );
31	31	let scrwidth = c.width;
32	32	let scrheight = c.height;
33	33	let borderwidth = 2;
...	...	@@ -38,6 +38,33 @@
38	38	ctx.strokeStyle = "#ffffff";
39	39	ctx.rect(borderwidth / 2, borderwidth / 2, scrwidth - borderwidth, scrheight - borderwidth);
40	40	ctx.stroke();
	42	+
	43	+ // create images
	44	+ imgloads = [];
	45	+ imgurls.forEach( (item, ids) => {
	46	+ let thisimg = document.createElement("img");
	47	+ thisimg.src = item;
	48	+ imgloads.push( thisimg );
	49	+ });
	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 );
41	41	}, 1000 );
42	42	</script>
43	43	{{/html}}