// Canvas created in 2025
// at http://www.lumalab.net

var tempX=0;var tempY=0;var scaleX;var scaleY;var canvas=document.getElementById('canvas');var ctx=canvas.getContext('2d');var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0];var xWin=w.innerWidth||e.clientWidth||g.clientWidth,yWin=w.innerHeight||e.clientHeight||g.clientHeight;var xWinCenter=xWin/2;var yWinCenter=yWin/2;var xCanvasCenter=xsize/2;var yCanvasCenter=ysize/2;var imgObj=new Image();imgObj.src=imgPath;function drawImage(){ctx.drawImage(imgObj,0,0);  }
function initDimension(){w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0],xWin=w.innerWidth||e.clientWidth||g.clientWidth,yWin=w.innerHeight||e.clientHeight||g.clientHeight; xWinCenter=xWin/2;yWinCenter=yWin/2;   vdxWin=(yWin/ysize)*xsize; vdxWinCenter=vdxWin/2; document.getElementById("centered").style.marginTop="-"+yWinCenter.toString()+"px";document.getElementById("centered").style.marginLeft="-"+vdxWinCenter.toString()+"px"; document.getElementById("canvas").style.height=yWin.toString()+"px";document.getElementById("canvas").style.width=vdxWin.toString()+"px";  scaleX=vdxWin/720;scaleY=yWin/720; xCanvasCenter=xsize/2;yCanvasCenter=ysize/2; xCanvasStart=xWinCenter-xCanvasCenter;yCanvasStart=ysize; mouseStartXPos=xCanvasStart;mouseStartYPos=yCanvasStart;}
function render(){initDimension();drawImage();}
var fps=6;appIntervalID=setInterval(render,1000/fps);