Play Arcade Tennis Online (Free, No Signup)

✹ <img decoding="async" src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <img decoding="async" src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div> </p></div> <p> <canvas id=c width=960 height=540></canvas> </div> <p> <script> (function(){ const c=document.getElementById('c'),x=c.getContext('2d'),W=c.width,H=c.height,P=10,WIN=7; const sEl=document.getElementById('s'),mEl=document.getElementById('m'); const clamp=(v,a,b)=>Math.max(a,Math.min(b,v)),r=(a,b)=>a+Math.random()*(b-a),t=()=>performance.now(); const keys=new Set(); let ptr=false, paused=false, serve=true, to='player'; const L={x:40,y:H/2,w:14,h:110,vy:0,ly:H/2}, R={x:W-40,y:H/2,w:14,h:110,vy:0,ly:H/2}; const fx={p:{big:1,until:0,shield:false},a:{big:1,until:0,shield:false},fast:0}; const bump={x:W/2,y:H/2,r:22,ph:0}; let balls=[mkBall()], pu=[], nextPU=t()+r(1800,3200), ps=0, as=0; function mkBall(){return {x:W/2,y:H/2,r:9,vx:0,vy:0,spin:0,hit:null,tr:[]};} function ph(side){return (side==='p'?L.h*fx.p.big:R.h*fx.a.big);} function hud(){ sEl.textContent=ps+' — '+as; if(ps>=WIN||as>=WIN) mEl.textContent=(ps>as?'You win! Press R':'AI wins! Press R'); else if(paused) mEl.textContent='Paused'; else if(serve) mEl.textContent='Click/Enter to serve'; else mEl.textContent=''; } function reset(loser){ balls=[mkBall()]; pu=[]; nextPU=t()+r(1500,3500); serve=true; to=(loser==='player'?'ai':'player'); L.y=R.y=H/2; L.ly=L.y; R.ly=R.y; hud(); } function start(){ if(!serve||ps>=WIN||as>=WIN) return; const b=balls[0], dir=(to==='player'?-1:1), sp=8.6, ang=r(-0.45,0.45); b.vx=Math.cos(ang)*sp*dir; b.vy=Math.sin(ang)*sp; b.hit=null; serve=false; hud(); } function spawnPU(){ const types=['BIG','MULTI','SHIELD','FAST']; pu.push({x:r(W*0.28,W*0.72),y:r(P+60,H-P-60),r:14,type:types[(Math.random()*types.length)|0],exp:t()+r(9000,14000)}); } function apply(type,who){ const S=(who==='player'?fx.p:fx.a); if(type==='BIG'){S.big=1.35; S.until=t()+8000;} if(type==='SHIELD'){S.shield=true;} if(type==='FAST'){fx.fast=t()+6000;} if(type==='MULTI'){ const base=balls[0], sp=Math.max(6,Math.hypot(base.vx,base.vy)||8.6), dir=Math.sign(base.vx||1)||1; for(let i=0;i<2;i++){const b=mkBall(); b.x=base.x; b.y=base.y; const a=r(-0.35,0.35); b.vx=Math.cos(a)*sp*dir; b.vy=Math.sin(a)*sp; b.hit=base.hit; balls.push(b);} } } function bounceBump(b){ const dx=b.x-bump.x,dy=b.y-bump.y,d=Math.hypot(dx,dy),min=b.r+bump.r; if(d>0&&d<min){ const nx=dx/d,ny=dy/d, push=(min-d)+.5; b.x+=nx*push; b.y+=ny*push; const dot=b.vx*nx+b.vy*ny; b.vx=b.vx-2*dot*nx; b.vy=b.vy-2*dot*ny; } } function hitPaddle(b,p,side){ const hh=ph(side==='player'?'p':'a'), rel=(b.y-p.y)/(hh/2), maxVy=8.6*.95; b.vx*=-1; b.vy=clamp(rel*maxVy + b.spin*.55, -maxVy, maxVy); if(side==='player') b.x=L.x+L.w/2+b.r+.5; else b.x=R.x-R.w/2-b.r-.5; b.hit=side; } function draw(){ x.clearRect(0,0,W,H); x.globalAlpha=.3; x.setLineDash([10,14]); x.strokeStyle='#e8eefc'; x.lineWidth=2; x.beginPath(); x.moveTo(W/2,P); x.lineTo(W/2,H-P); x.stroke(); x.setLineDash([]); x.globalAlpha=.35; x.strokeRect(P,P,W-2*P,H-2*P); bump.ph+=0.0012*16.6; bump.y=H/2+Math.sin(bump.ph)*120; x.globalAlpha=.55; x.fillStyle='#e8eefc'; x.beginPath(); x.arc(bump.x,bump.y,bump.r,0,Math.PI*2); x.fill(); for(const p of pu){ x.globalAlpha=.95; x.strokeStyle='rgba(232,238,252,.45)'; x.lineWidth=2; x.beginPath(); x.arc(p.x,p.y,p.r,0,Math.PI*2); x.stroke(); x.fillStyle='#e8eefc'; x.font='16px system-ui'; x.textAlign='center'; x.textBaseline='middle'; x.fillText(p.type==='BIG'?'⬛':p.type==='MULTI'?'✹':p.type==='SHIELD'?'🛡':'⚡',p.x,p.y); } // paddles const LH=ph('p'), RH=ph('a'); x.globalAlpha=.95; x.fillStyle='rgba(232,238,252,.95)'; x.fillRect(L.x-L.w/2, L.y-LH/2, L.w, LH); x.fillRect(R.x-R.w/2, R.y-RH/2, R.w, RH); // balls for(const b of balls){ x.globalAlpha=.98; x.beginPath(); x.arc(b.x,b.y,b.r,0,Math.PI*2); x.fill(); } } function step(){ const tt=t(); if(!paused){ if(fx.p.until && tt>fx.p.until){fx.p.big=1;fx.p.until=0} if(fx.a.until && tt>fx.a.until){fx.a.big=1;fx.a.until=0} if(fx.fast && tt>fx.fast){fx.fast=0} const LH=ph('p'), RH=ph('a'); if(!ptr){ let dy=0; if(keys.has('ArrowUp')||keys.has('w')||keys.has('W')) dy-=10.5; if(keys.has('ArrowDown')||keys.has('s')||keys.has('S')) dy+=10.5; L.y+=dy; } L.y=clamp(L.y, LH/2+P, H-LH/2-P); L.vy=L.y-L.ly; L.ly=L.y; // AI const track=balls.find(b=>b.vx>0) || balls[0]; const desired=(track && track.x>W*0.42 ? track.y : H/2) + (Math.random()*2-1)*15; R.y += clamp(desired-R.y, -7.7, 7.7); R.y=clamp(R.y, RH/2+P, H-RH/2-P); R.vy=R.y-R.ly; R.ly=R.y; // powerups if(!serve && tt>=nextPU && pu.length<2){spawnPU(); nextPU=tt+r(4200,7800)} pu=pu.filter(p=>p.exp>tt); if(!serve && ps<WIN && as<WIN){ const mul = fx.fast>tt ? 1.18 : 1.0; for(const b of balls){ b.x+=b.vx*mul; b.y+=b.vy*mul; if(b.y-b.r<=P){b.y=P+b.r; b.vy*=-1} if(b.y+b.r>=H-P){b.y=H-P-b.r; b.vy*=-1} const hitL=(b.x-b.r<=L.x+L.w/2)&&(b.x>L.x-12)&&(Math.abs(b.y-L.y)<=LH/2); if(hitL && b.vx<0){b.spin=clamp(L.vy,-14,14); hitPaddle(b,L,'player')} const hitR=(b.x+b.r>=R.x-R.w/2)&&(b.x<R.x+12)&&(Math.abs(b.y-R.y)<=RH/2); if(hitR && b.vx>0){b.spin=clamp(R.vy,-14,14); hitPaddle(b,R,'ai')} bounceBump(b); for(let i=pu.length-1;i>=0;i--){ const p=pu[i],dx=b.x-p.x,dy=b.y-p.y; if(dx*dx+dy*dy < (b.r+p.r)*(b.r+p.r)){ pu.splice(i,1); const who=b.hit || (b.vx>0?'player':'ai'); apply(p.type, who); } } if(b.x < -40){ if(fx.p.shield){fx.p.shield=false; b.x=P+40; b.vx=Math.abs(b.vx)+1} else {as++; reset('player'); break;} } else if(b.x > W+40){ if(fx.a.shield){fx.a.shield=false; b.x=W-P-40; b.vx=-Math.abs(b.vx)-1} else {ps++; reset('ai'); break;} } } } } draw(); hud(); requestAnimationFrame(step); } // pointer c.addEventListener('pointerdown',e=>{ptr=true; c.setPointerCapture(e.pointerId); setY(e.clientY); start();}); c.addEventListener('pointermove',e=>{if(ptr) setY(e.clientY);}); c.addEventListener('pointerup',e=>{ptr=false; try{c.releasePointerCapture(e.pointerId)}catch{}}); function setY(cy){const rct=c.getBoundingClientRect(); const y=(cy-rct.top)*(H/rct.height); L.y=clamp(y, ph('p')/2+P, H-ph('p')/2-P);} // keys window.addEventListener('keydown',e=>{ keys.add(e.key); if(e.key===' '){e.preventDefault(); paused=!paused; hud();} if(e.key==='Enter') start(); if(e.key==='r'||e.key==='R'){ps=0;as=0;fx.p.big=fx.a.big=1;fx.p.shield=fx.a.shield=false;fx.fast=0; reset('ai');} }); window.addEventListener('keyup',e=>keys.delete(e.key)); reset('ai'); requestAnimationFrame(step); })(); </script>“><br />

The post Play Arcade Tennis Online (Free, No Signup) appeared first on Be on the Right Side of Change.