if (tim) { clearInterval(tim); } var w=500;var h=500;var g=450;var sprpng='sprit2.png'; var tim;var rez=3; var szx=50;var szy=50; //sp size var px=100;var py=100; //pl loca var sp=[];sp[0]=2; sp[1]=[]; sp[1][0]=200; sp[1][1]=200; sp[1][2]=1; sp[1][3]=-1; sp[1][4]=0; sp[1][5]=0; sp[2]=[]; sp[2][0]=100; sp[2][1]=100; sp[2][2]=-1; sp[2][3]=1; sp[2][4]=0; sp[2][5]=szy; var head=document.getElementsByTagName("body")[0]; if (!ctz) { var can=document.createElement('canvas'); can.id="dataz"; can.width=(szx+1)/rez;can.height=(szy+1)/rez; can.style.top=15+h;can.style.right=(szx/3)*2+10; can.style.position ="fixed"; head.appendChild(can); var ctz = can.getContext("2d"); } if (!cty) { var can=document.createElement('canvas'); can.id="datay"; can.width=(szx+1)/rez;can.height=(szy+1)/rez; can.style.top=15+h;can.style.right=(szx/3)*3+10; can.style.position ="fixed"; head.appendChild(can); var cty = can.getContext("2d"); } if (!ctb) { var can=document.createElement('canvas'); can.id="datab"; can.width=(szx+1)/rez;can.height=(szy+1)/rez; can.style.top=15+h;can.style.right=10; can.style.position ="fixed"; head.appendChild(can); var ctb = can.getContext("2d"); } if (!ctx) { var canvas=document.createElement('canvas'); canvas.onmousemove = function(e){mm(e)}; canvas.id="canv"; canvas.width=w;canvas.height=h; canvas.style.zIndex= 8; canvas.style.position ="fixed"; canvas.style.top="10";canvas.style.right="10"; canvas.style.border="1px solid"; head.appendChild(canvas); var c = document.getElementById("canv"); var ctx = c.getContext("2d"); } var spr=new Image(); spr.src=sprpng; spr.onload = function() { drw(1); tim=setInterval(function(){ drw(0); }, 100); }; function mm(e) { var rect = canvas.getBoundingClientRect(); px=e.clientX- rect.left;py=e.clientY- rect.top; } function chk() {} function drw(zz) { ctz.clearRect(0,0,szx/rez,szy/rez); ctx.clearRect(0,0,w,h); if (zz!=1) { for (i=1;i<=sp[0];i++) { ctx.drawImage(spr,sp[i][4],sp[i][5],szx,szy,sp[i][0],sp[i][1],szx,szy); } } else { ctx.drawImage(spr,szx,0,szx,szy,px,py,szx,szy); } datax = ctx.getImageData(px,py,szx+1,szy+1); if (zz!=1) { ctx.drawImage(spr,szx,0,szx,szy,px,py,szx,szy); } for(tx=0;tx
1 && (dataz.data[i]>0 || dataz.data[i+1]>0 || dataz.data[i+2]>0 ) ) { rsp= [dataz.data[i],dataz.data[i+1],dataz.data[i+2]]; break; } } if (tch>1) { console.log(rsp+' sprite touch x'+tch); } ctb.putImageData(datab,0,0); }