TAG! Multiplayer

\n\n

TAG!

Real-time · Multiplayer · Mobile Ready

Your Name

\n \n

Room Code

\n \n

\n\n

Waiting Room

Share the code with friends

Room Code

----

Share this with friends

Players

\n \n

\n\n

Get Ready!

\n\n

IT: —

2:00

— players

YOU ARE IT — TAG SOMEONE!

\n\n

\n\n\n\n`;\n\n// ── Request handler ───────────────────────────────────────────\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const action = url.searchParams.get('action');\n\n if (!action) {\n return new Response(HTML, { headers: { 'content-type': 'text/html;charset=utf-8' } });\n }\n\n let body: any = {};\n try { body = await req.json(); } catch {}\n\n if (action === 'create') {\n let code = genCode();\n // make sure code is unique\n for (let i = 0; i < 10; i++) {\n const existing = await getRoom(code);\n if (!existing) break;\n code = genCode();\n }\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', 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 const room = await getRoom(code);\n if (!room) return J({ error: 'Room not found — check the code!' });\n if (room.phase !== 'lobby') return J({ error: 'Game already started' });\n if (Object.keys(room.players).length >= 8) return J({ error: 'Room is full' });\n const color = pickColor(room);\n room.players[body.id] = { id: body.id, name: body.name || 'Player', 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 host can start' });\n if (Object.keys(room.players).length < 2) return J({ error: 'Need at least 2 players!' });\n // Pick IT\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;\n 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';\n room.countdown = 3;\n room.cdMs = 0;\n 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 // Update this player's lastSeen\n if (room.players[body.id]) room.players[body.id].lastSeen = Date.now();\n // Advance simulation based on time elapsed since last tick\n if (room.phase === 'countdown' || room.phase === 'playing') {\n const now = Date.now();\n const ms = Math.min(now - (room.tickedAt || now), 2000); // cap at 2s\n room.tickedAt = now;\n tickRoom(room, ms);\n await saveRoom(room);\n }\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 || room.phase !== 'ended') return J({ error: 'Not ended yet' });\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' });\n}\n\nfunction J(data: any) {\n return new Response(JSON.stringify(data), { headers: { 'content-type': 'application/json', 'access-control-allow-origin': '*' } });\n}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1772224765520],"children",[],[35],"fff02a72-141b-11f1-96a7-42dde27851f2",["D",1772224591574],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","019ca087-498a-778f-a6ff-f903af6eea80","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019ca087-498a-778f-a6ff-feed8f31f20f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBR1hCOENsY2tMa05FY25HdmpiZUtOckhxdSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_135":77,"_136":137,"_138":77,"_31":139,"_140":141},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":134},[35],"pulls","branches",1,"forks",{"_142":77,"_144":77},"connections",{"_142":77,"_143":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":146,"_18":147},[],[35],["D",1772224591574],{"_11":12,"_114":110},{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_130":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":77,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]