TAG! Multiplayer

\n\n\n

TAG!

Real-time · Multiplayer · Mobile

\n Your Name\n \n

\n \n

\n Room Code\n \n

\n \n

\n\n\n

Waiting Room

Share the code with friends

Room Code

----

Everyone opens this same URL and enters the code

Players in Room

Waiting for players…

\n \n

\n\n\n

Get Ready!

\n\n\n

IT: —

2:00

— players

\n \n

\n\n\n

\n\n\n\n`;\n\n// ── Server ────────────────────────────────────────────────────\nasync function getRoom(code:string){try{return await blob.getJSON('tag_'+code)||null;}catch{return null;}}\nasync function saveRoom(room:any){await blob.setJSON('tag_'+room.code,room);}\n\nfunction tickRoom(room:any, ms:number){\n if(room.phase==='countdown'){\n room.cdMs=(room.cdMs||0)+ms;\n room.countdown=Math.max(0,3-Math.floor(room.cdMs/1000));\n if(room.cdMs>=3000){room.phase='playing';room.timer=DUR;room.elapsed=0;}\n return;\n }\n if(room.phase!=='playing')return;\n const dt=ms/(1000/60), now=Date.now();\n for(const id in room.players){\n if(now-room.players[id].lastSeen>12000){delete room.players[id];continue;}\n const p=room.players[id], speed=p.isIt?IT_SPD:SPD;\n let vx=p.inputX||0, vy=p.inputY||0, len=Math.sqrt(vx*vx+vy*vy);\n if(len>1){vx/=len;vy/=len;}\n p.x=Math.max(PR+PAD,Math.min(WW-PR-PAD,p.x+vx*speed*dt));\n p.y=Math.max(PR+PAD,Math.min(WH-PR-PAD,p.y+vy*speed*dt));\n }\n if(Object.keys(room.players).length===0){room.phase='ended';room.results=[];return;}\n const it=Object.values(room.players).find((p:any)=>p.isIt) as any;\n if(it&&now>it.invincibleUntil){\n for(const id in room.players){\n const p=room.players[id] as any;\n if(p.id===it.id||now<(p.invincibleUntil||0))continue;\n const dx=p.x-it.x,dy=p.y-it.y;\n if(Math.sqrt(dx*dx+dy*dy)p.isIt)){\n const ids=Object.keys(room.players);\n if(ids.length>0){room.players[ids[0]].isIt=true;room.players[ids[0]].invincibleUntil=now+INV_MS;}\n }\n }\n room.elapsed=(room.elapsed||0)+ms;\n if(room.elapsed>=1000){room.elapsed-=1000;room.timer--;\n if(room.timer<=0){room.phase='ended';room.results=Object.values(room.players).sort((a:any,b:any)=>b.score-a.score).map((p:any)=>({id:p.id,name:p.name,color:p.color,score:p.score||0}));}\n }\n}\n\nexport default async function handler(req:Request):Promise{\n const url=new URL(req.url);\n const action=url.searchParams.get('action');\n if(!action) return new Response(HTML,{headers:{'content-type':'text/html;charset=utf-8'}});\n\n let body:any={};\n try{body=await req.json();}catch{}\n\n if(action==='create'){\n let code=genCode();\n for(let i=0;i<5;i++){if(!(await getRoom(code)))break;code=genCode();}\n const room:any={code,players:{},phase:'lobby',timer:DUR,countdown:3,cdMs:0,elapsed:0,tickedAt:Date.now(),lastTag:null,results:null};\n const color=pickColor(room);\n room.players[body.id]={id:body.id,name:(body.name||'Player').slice(0,14),color,x:WW/2,y:WH/2,inputX:0,inputY:0,isIt:false,score:0,invincibleUntil:0,isHost:true,lastSeen:Date.now()};\n await saveRoom(room);\n return J({code,color,players:room.players});\n }\n\n if(action==='join'){\n const code=body.code?.toUpperCase();\n if(!code) return J({error:'No code provided'});\n const room=await getRoom(code);\n if(!room) return J({error:'Room \"'+code+'\" not found — check the code!'});\n if(room.phase!=='lobby') return J({error:'Game already started — wait for next round'});\n if(Object.keys(room.players).length>=8) return J({error:'Room is full (max 8 players)'});\n const color=pickColor(room);\n room.players[body.id]={id:body.id,name:(body.name||'Player').slice(0,14),color,x:WW/2+(Math.random()-.5)*200,y:WH/2+(Math.random()-.5)*200,inputX:0,inputY:0,isIt:false,score:0,invincibleUntil:0,isHost:false,lastSeen:Date.now()};\n await saveRoom(room);\n return J({code,color,players:room.players});\n }\n\n if(action==='start'){\n const room=await getRoom(body.code);\n if(!room) return J({error:'Room not found'});\n if(room.phase!=='lobby') return J({error:'Already started'});\n if(!room.players[body.id]?.isHost) return J({error:'Only the host can start'});\n if(Object.keys(room.players).length<2) return J({error:'Need at least 2 players to start!'});\n const ids=Object.keys(room.players);\n const itId=ids[Math.floor(Math.random()*ids.length)];\n for(const id in room.players)room.players[id].isIt=false;\n room.players[itId].isIt=true;room.players[itId].invincibleUntil=Date.now()+INV_MS;\n ids.forEach((id,i)=>{const a=(i/ids.length)*Math.PI*2;room.players[id].x=WW/2+Math.cos(a)*160;room.players[id].y=WH/2+Math.sin(a)*160;room.players[id].score=0;});\n room.phase='countdown';room.countdown=3;room.cdMs=0;room.tickedAt=Date.now();\n await saveRoom(room);\n return J({ok:true});\n }\n\n if(action==='state'){\n const room=await getRoom(body.code);\n if(!room) return J({error:'Room not found'});\n if(room.players[body.id]) room.players[body.id].lastSeen=Date.now();\n if(room.phase==='countdown'||room.phase==='playing'){\n const now=Date.now();\n const ms=Math.min(now-(room.tickedAt||now),2000);\n room.tickedAt=now;\n tickRoom(room,ms);\n }\n await saveRoom(room);\n return J({phase:room.phase,players:room.players,timer:room.timer,countdown:room.countdown,lastTag:room.lastTag,results:room.results});\n }\n\n if(action==='input'){\n const room=await getRoom(body.code);\n if(!room||room.phase!=='playing') return J({ok:true});\n const p=room.players[body.id];\n if(p){p.inputX=body.x;p.inputY=body.y;p.lastSeen=Date.now();}\n await saveRoom(room);\n return J({ok:true});\n }\n\n if(action==='restart'){\n const room=await getRoom(body.code);\n if(!room) return J({error:'Room not found'});\n if(!room.players[body.id]?.isHost) return J({error:'Only host can restart'});\n room.phase='lobby';room.results=null;room.lastTag=null;\n for(const id in room.players){room.players[id].score=0;room.players[id].isIt=false;}\n await saveRoom(room);\n return J({ok:true,players:room.players});\n }\n\n return J({error:'Unknown action: '+action});\n}\n\nfunction J(data:any){\n return new Response(JSON.stringify(data),{headers:{'content-type':'application/json','access-control-allow-origin':'*'}});\n}","deleted","label",[100],"permalink","https://www.val.town/x/peopleeattoes/untitled-5266/code/main.ts","extension","actionData","errors"]