alert("Swipe to enlarge"); var colora=[ "#2aecf9", "#f7782a", "#d2d2d2", "#1065e5"], bcount=120, balls=[], fric=.92, cfps=0, fpscap=240, fpsc=0, tim=(1000/fpscap)*140, s={ x:-100, y:-100 }; function random(a,b) { return Math.random()*(b-a)+a; } function floor(a) { return Math.floor(a); } function getdis(a,b,c,d) { return Math.sqrt(Math.pow(a-c,2)+Math.pow(b-d,2)); } setInterval(()=>{ fpsc=cfps; cfps=0; },500); function frame() { tim--; c=document.querySelector("canvas"); c.width=innerWidth; c.height=innerHeight; ctx=c.getContext("2d"); cfps+=2; //-=-// ctx.fillStyle="black"; ctx.fillRect(0,0,50,50); ctx.fillRect(innerWidth-40,0,40,80); ctx.fillStyle="white"; ctx.font="40px monospace"; ctx.fillText("R",12,38); ctx.fillText("+",innerWidth-29,33); ctx.fillText("-",innerWidth-29,67); if(fpsc>=60) ctx.fillStyle="black"; else if(fpsc>=30) ctx.fillStyle="orange"; else if(fpsc>=15) ctx.fillStyle="orangered"; else ctx.fillStyle="red"; ctx.font="20px Monospace"; ctx.fillText("FPS: "+fpsc,innerWidth/2-("FPS: "+fpsc).length*6,20) for(i=0;i=innerHeight-r-rest) dy=-dy*fric; else if(y<=innerHeight-r-rest) dy+=1; if(x<=r-rest) dx=-dx; if(x>=innerWidth-r-rest) dx=-dx; ctx.beginPath(); ctx.strokeStyle="black"; ctx.arc(x,y,r-rest,0,2*Math.PI); ctx.lineWidth = 2; ctx.stroke(); ctx.closePath(); ctx.beginPath(); ctx.strokeStyle=color; ctx.arc(x,y,r-3.5-rest,0,2*Math.PI); ctx.lineWidth = 7; ctx.stroke(); ctx.closePath(); if(tim<0&&(dy>1||dy<-1)) dy=0; ctx.beginPath(); ctx.strokeStyle="black"; ctx.arc(x,y,r-4.5-rest,0,2*Math.PI); ctx.lineWidth = 2; ctx.stroke(); ctx.closePath(); if(tim<0&&(dy>1||dy<-1)) dy=0; balls[i]=x+"$"+y+"$"+r+"$"+color+"$"+dx+"$"+dy; } } document.addEventListener("touchmove",e=>{ e=e.changedTouches[0]; s.x=e.clientX; s.y=e.clientY; }); document.addEventListener("touchstart",e=>{ e=e.changedTouches[0]; if(e.clientX<50&&e.clientY<50) { balls=[]; tim=(1000/fpscap)*140; } else if(e.clientX>innerWidth-40&&e.clientY<40&bcount<500) bcount+=10; else if(e.clientX>innerWidth-40&&e.clientY<80&&bcount>=10) bcount-=10; else { s.x=e.clientX; s.y=e.clientY; } }); document.addEventListener("touchend",()=>s.x={x:-100,y:-100}); (()=>setInterval(frame,1000/fpscap))();

Gravity Test