var whiteball = [innerWidth/2,innerHeight/1.5]; var velocity = 0; var angle = -Math.PI/2; var stickwidth = 6; var sticklength = 100; var pull = 0; var maxpull = 50; var shouldshow = true; var maxspeed = 6.5; var friction = .003; var gain = 1/3; var impact = .33; var bouncesecurity = 1; var vel = [-1,-1]; var stopinaccuracy = .1; var wballm=2; var ballm=1; var holes = [ [0,0], [0,innerHeight/2], [0,innerHeight], [innerWidth,0], [innerWidth,innerHeight/2], [innerWidth,innerHeight] ]; var balls = [ [innerWidth/2,80,"orange",0,0], [innerWidth/2-20,80,"aqua",0,0], [innerWidth/2+20,80,"yellow",0,0], [innerWidth/2-40,80,"red",0,0], [innerWidth/2+40,80,"orangered",0,0], [innerWidth/2+30,100,"hotpink",0,0], [innerWidth/2+10,100,"red",0,0], [innerWidth/2-10,100,"aqua",0,0], [innerWidth/2-30,100,"blue",0,0], [innerWidth/2+20,120,"orange",0,0], [innerWidth/2,120,"yellow",0,0], [innerWidth/2-20,120,"aqua",0,0], [innerWidth/2-10,140,"orangered",0,0], [innerWidth/2+10,140,"hotpink",0,0], [innerWidth/2,160,"yellow",0,0] ]; function getcoords(a,b) { var ang = Math.atan2(b[1]-a[1],b[0]-a[0]); var x = a[0]; var y = a[1]; var coords = []; //for(var i=0;gdis(a,b);i++) { //x+=Math.cos(ang); //y+=Math.sin(ang); //coords.push([x,y]); //} var dist = gdis(a,b); if(dist!==0) { for(var i=0;i=stopinaccuracy) moving = true; for(var i=0;i=stopinaccuracy) moving = true; else if(Math.abs(balls[i][4])>=stopinaccuracy) moving = true; else { balls[i][3]=0; balls[i][4]=0; } if(gdis([balls[i][0]+balls[i][3]*average,balls[i][1]+balls[i][4]*average],[whiteball[0]+speeda[0]*average,whiteball[1]+speeda[1]*average])<16) { var velocityy = handleBalls([balls[i][0]+balls[i][3]*average,balls[i][1]+balls[i][4]*average],[whiteball[0]+speeda[0]*average,whiteball[1]+speeda[1]*average]); balls[i][3]=(velocityy[0]+balls[i][3])*gain*velocity; balls[i][4]=(velocityy[1]+balls[i][4])*gain*velocity; velocity*=gain; vel[1]=-vel[1]; vel[0]=-vel[0]; var cballp = correctBall([whiteball[0],whiteball[1],8],[balls[i][0],balls[i][1],8],1); whiteball[0]=cballp[0]; whiteball[1]=cballp[1]; } for(var j=0;j=innerWidth-8) balls[i][3]=-balls[i][3]; if(balls[i][1]+balls[i][4]*average<=8||balls[i][1]+balls[i][4]*average>=innerHeight-8) balls[i][4]=-balls[i][4]; balls[i][0]+=balls[i][3]*average; balls[i][1]+=balls[i][4]*average; } if(!moving) { vel=[-1,-1]; velocity = 0; ctx.translate(whiteball[0],whiteball[1]); ctx.rotate(angle); ctx.fillStyle="orange"; ctx.fillRect(8+pull,-stickwidth/2,sticklength,stickwidth); if(!turngreen) ctx.strokeStyle="#ccc"; else ctx.strokeStyle="#fff"; ctx.beginPath(); ctx.moveTo(8+pull,0); ctx.lineTo(-(pull/maxpull)*100,0); ctx.stroke(); ctx.closePath(); ctx.resetTransform(); } ctx.fillStyle="white"; ctx.beginPath(); ctx.arc(whiteball[0],whiteball[1],8,0,2*Math.PI); ctx.fill(); ctx.closePath(); if(whiteball[1]+speeda[1]*vel[1]<=8||whiteball[1]+speeda[1]*vel[1]>=innerHeight-8) { velocity = lerp(velocity,0,impact); vel[1]=-vel[1]; } if(whiteball[0]+speeda[0]*vel[0]<=8||whiteball[0]+speeda[0]*vel[0]>=innerWidth-8) { velocity = lerp(velocity,0,impact); vel[0]=-vel[0]; } whiteball[0]+=speeda[0]*vel[0]*average; whiteball[1]+=speeda[1]*vel[1]*average; last=now; } var pulling = false; if("ontouchstart" in document) { document.addEventListener("touchstart",e=>{ if(moving) return; pulling = true; if(e.changedTouches) e=e.changedTouches[0]; angle = -Math.atan2(e.clientX-whiteball[0],e.clientY-whiteball[1])+Math.PI/2; }); document.addEventListener("touchmove",e=>{ if(moving) return; if(!pulling) return; if(e.changedTouches) e=e.changedTouches[0]; angle = -Math.atan2(e.clientX-whiteball[0],e.clientY-whiteball[1])+Math.PI/2; pull = gdis(whiteball,[e.clientX,e.clientY]); if(pull>maxpull) pull=maxpull; }); document.addEventListener("touchend",e=>{ if(moving) return; pulling = false; if(pull>5) { velocity = pull/maxpull*maxspeed; pull = 0; } }); } else { document.addEventListener("mousedown",e=>{ if(moving) return; pulling = true; if(e.changedTouches) e=e.changedTouches[0]; angle = -Math.atan2(e.clientX-whiteball[0],e.clientY-whiteball[1])+Math.PI/2; }); document.addEventListener("mousemove",e=>{ if(moving) return; if(!pulling) return; if(e.changedTouches) e=e.changedTouches[0]; angle = -Math.atan2(e.clientX-whiteball[0],e.clientY-whiteball[1])+Math.PI/2; pull = gdis(whiteball,[e.clientX,e.clientY]); if(pull>maxpull) pull=maxpull; }); document.addEventListener("mouseup",e=>{ if(moving) return; pulling = false; if(pull>5) { velocity = pull/maxpull*maxspeed; pull = 0; } }); } (()=>setInterval(frame))();

Pool [Prototype]