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","label",[107],"pulls","branches",1,"forks","envVars",{"_131":39,"_133":39},"connections",{"_131":39,"_132":39},"count","unfilledCount","emptyCount",{"_18":106,"_20":107,"_108":109,"_110":-5,"_111":65,"_112":63,"_113":100,"_22":135,"_62":115,"_116":117,"_118":119,"_120":26,"_121":-5,"_136":137,"_82":138},["D",1772224765520],"children",[],[107],["D",1772224591574],{"_16":17,"_80":76},{"_16":17,"_74":-5,"_75":76,"_32":33,"_77":78,"_79":26},{"_62":63,"_20":64,"_18":65,"_66":19,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":21,"_73":17},"ctx",{"_55":-5,"_102":176,"_177":178,"_179":180,"_181":26,"_182":26,"_183":26,"_184":100,"_185":-5,"_186":-7,"_187":-7,"_188":39,"_189":26,"_190":26,"_191":-5,"_192":26,"_193":26,"_194":26,"_195":-5},"ENV",{"_147":148,"_149":150,"_151":64,"_152":153,"_154":155,"_156":157,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Search