var ball=[]; var particles=[ ]; var last=0; var tdel=0; var sfps=60; var mouseposition=[-100,-100]; document.addEventListener("touchstart",e=>{ if(e.changedTouches) e=e.changedTouches[0]; mouseposition = [e.clientX,e.clientY]; }); function gdis(a,b) { return Math.sqrt(Math.pow(a[0]-b[0],2)+Math.pow(a[1]-b[1],2)); } function random(a,b) { if(b) return Math.random()*(b-a)+a; else return Math.random()*a; } function frame() { var now = Date.now(); if(!last) last = now; var delta = now-last; c=document.querySelector("canvas"); c.width=innerWidth; c.height=innerHeight; ctx=c.getContext("2d"); //-=-// for(var i=0;i=innerWidth-ball[i][2]||ball[i][0]<=ball[i][2]) ball[i][3]=-ball[i][3]; if(ball[i][1]>=innerHeight-ball[i][2]||ball[i][1]<=ball[i][2]) ball[i][4]=-ball[i][4]; ball[i][0]+=(ball[i][3]/15)*delta; ball[i][1]+=(ball[i][4]/15)*delta; if(!ball[i][5]) { ctx.fillStyle=ball[i][6]; ctx.beginPath(); ctx.arc(ball[i][0],ball[i][1],ball[i][2],0,2*Math.PI); ctx.fill(); ctx.closePath(); if(gdis(mouseposition,ball[i])=innerWidth-2||particles[k][i][0]<=2) particles[k][i][2]=-particles[k][i][2]; if(particles[k][i][1]>=innerHeight-2||particles[k][i][1]<=2) particles[k][i][3]=-particles[k][i][3]; particles[k][i][4]+=delta; if(particles[k][i][4]>=3000) { var ang = Math.atan2( ball[particles[k][i][5]][1] -particles[k][i][1], ball[particles[k][i][5]][0] -particles[k][i][0]); if(gdis(particles[k][i],ball[particles[k][i][5]])<8) s++; particles[k][i][2]=Math.cos(ang)*2; particles[k][i][3]=Math.sin(ang)*2; } particles[k][i][0]+=particles[k][i][2]*delta/10; particles[k][i][1]+=particles[k][i][3]*delta/10; ctx.beginPath(); ctx.arc(particles[k][i][0],particles[k][i][1],2,0,2*Math.PI); ctx.fill(); ctx.closePath(); } if(s>=particles[k].length) { ball[particles[k][0][5]][5]=false; particles.splice(k,1); } } ctx.fillStyle="white"; tdel+=delta; ctx.fillText("FPS: "+sfps,0,10); if(tdel>3000) { sfps = (1000/delta).toFixed(1); tdel=0; } ctx.fillStyle="rgba(200,100,40,.35)"; ctx.fillRect(0,0,innerWidth,innerHeight); ctx.fillStyle="rgba(0,0,0,.75)"; ctx.font=innerWidth/12+"px bolder monospace"; ctx.fillRect(innerWidth/2-ctx.measureText("LEVEL 10 GOLD BADGE!").width/2,innerHeight/2-innerWidth/15,ctx.measureText("LEVEL 10 GOLD BADGE!").width,innerWidth/12); ctx.textAlign="center"; ctx.fillStyle="gold"; ctx.fillText("LEVEL 10 GOLD BADGE!",innerWidth/2,innerHeight/2); ctx.font=innerWidth/18+"px lighter monospace"; ctx.fillText("(TAP TO EXPLODE)",innerWidth/2,innerHeight/2+innerWidth/12); mouseposition=[-100,-100]; last=now+0; } (()=>{ setInterval(frame); for(var i=0;i0&&vx<.3) vx=.3; if(vx<0&&vx>-.3) vx=-.3; if(vy>0&&vy<.3) vx=.3; if(vy<0&&vy>-.3) vx=-.3; var vx = random(-1,1); var vy = random(-1,1); var an = random(-Math.PI*2,Math.PI*2); var cls = ["orangered","cyan","white","orange","dodgerblue","lightgray"]; var cl = cls[Math.floor(random(cls.length))]; ball.push([ex,wy,sz,vx,vy,false,cl,an]); } })();

Level 10 Gold Badge!