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}","label",[62],"pulls","branches","forks","envVars",{"_183":20,"_185":20},"connections",{"_183":20,"_184":20},"count","unfilledCount","emptyCount",{"_31":168,"_13":62,"_60":61,"_41":-5,"_33":34,"_169":93,"_170":162,"_35":187,"_37":86,"_63":83,"_172":173,"_65":24,"_174":-5,"_188":189,"_144":190},["D",1772226426587],"children",[],[62],["D",1772226391667],{"_11":12,"_143":68},{"_11":12,"_139":-5,"_67":68,"_25":66,"_140":141,"_142":24},{"_37":93,"_13":16,"_31":34,"_131":98,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":14,"_138":12},"ctx",{"_49":-5,"_164":228,"_229":230,"_231":232,"_233":24,"_234":24,"_235":24,"_236":162,"_237":-5,"_238":-7,"_239":-7,"_240":20,"_241":24,"_242":24,"_243":-5,"_244":24,"_245":24,"_246":24,"_247":-5},"ENV",{"_199":200,"_201":202,"_203":16,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History