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 below

Room Code

----

Share with friends to play together

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// ── Game state ────────────────────────────────────────────────\nconst rooms: Record = {};\nconst COLORS = [\n \"#00e5ff\",\n \"#ffe600\",\n \"#ff6cf7\",\n \"#39ff14\",\n \"#ff9500\",\n \"#c77dff\",\n \"#ff4757\",\n \"#ffffff\",\n];\nconst WW = 800, WH = 600, PAD = 45, PR = 18, TAG_D = PR * 2 + 6, INV = 2200;\nconst SPD = 3.8, IT_SPD = 4.4, TICK = 50, DUR = 120;\n\nfunction genCode() {\n const w = [\n \"WOLF\",\n \"HAWK\",\n \"BEAR\",\n \"LION\",\n \"LYNX\",\n \"CROW\",\n \"PUMA\",\n \"BULL\",\n \"FOX\",\n \"TIGER\",\n ];\n return w[Math.floor(Math.random() * w.length)] +\n (10 + Math.floor(Math.random() * 90));\n}\nfunction pickColor(room: any) {\n const used = Object.values(room.players).map((p: any) => p.color);\n return COLORS.find((c) => !used.includes(c)) || \"#aaa\";\n}\nfunction cleanRooms() {\n const now = Date.now();\n for (const code in rooms) {\n const r = rooms[code];\n for (const id in r.players) {\n if (now - r.players[id].lastSeen > 15000) delete r.players[id];\n }\n if (Object.keys(r.players).length === 0) {\n if (r.tickIv) clearInterval(r.tickIv);\n delete rooms[code];\n }\n }\n}\nfunction startGame(room: any) {\n room.phase = \"countdown\";\n room.countdown = 3;\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;\n ids.forEach((id, i) => {\n const a = (i / ids.length) * Math.PI * 2;\n room.players[id].x = WW / 2 + Math.cos(a) * 160;\n room.players[id].y = WH / 2 + Math.sin(a) * 160;\n room.players[id].score = 0;\n });\n let cd = 3;\n const cdIv = setInterval(() => {\n cd--;\n room.countdown = cd;\n if (cd <= 0) {\n clearInterval(cdIv);\n room.phase = \"playing\";\n room.timer = DUR;\n let elapsed = 0;\n room.tickIv = setInterval(() => {\n elapsed += TICK;\n if (elapsed >= 1000) {\n elapsed -= 1000;\n room.timer--;\n if (room.timer <= 0) {\n endGame(room);\n return;\n }\n }\n tick(room);\n }, TICK);\n }\n }, 1000);\n}\nfunction tick(room: any) {\n const now = Date.now(), dt = TICK / (1000 / 60);\n for (const id in room.players) {\n const p = room.players[id], speed = p.isIt ? IT_SPD : SPD;\n let vx = p.inputX || 0,\n vy = p.inputY || 0,\n len = Math.sqrt(vx * vx + vy * vy);\n if (len > 1) {\n vx /= len;\n vy /= len;\n }\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 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) continue;\n const dx = p.x - it.x, dy = p.y - it.y;\n if (Math.sqrt(dx * dx + dy * dy) < TAG_D) {\n it.score++;\n it.isIt = false;\n p.isIt = true;\n p.invincibleUntil = now + INV;\n room.lastTagged = {\n uid: Math.random().toString(36).slice(2),\n taggerId: it.id,\n taggedId: p.id,\n };\n break;\n }\n }\n }\n}\nfunction endGame(room: any) {\n if (room.tickIv) {\n clearInterval(room.tickIv);\n room.tickIv = null;\n }\n room.phase = \"ended\";\n room.results = Object.values(room.players).sort((a: any, b: any) =>\n b.score - a.score\n ).map((p: any) => ({\n id: p.id,\n name: p.name,\n color: p.color,\n score: p.score,\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\n if (!action) {\n return new Response(HTML, {\n headers: { \"content-type\": \"text/html;charset=utf-8\" },\n });\n }\n\n cleanRooms();\n let body: any = {};\n try {\n body = await req.json();\n } catch (e) {}\n\n if (action === \"create\") {\n let code = genCode();\n while (rooms[code]) code = genCode();\n const room: any = {\n code,\n players: {},\n phase: \"lobby\",\n timer: DUR,\n countdown: 3,\n tickIv: null,\n lastTagged: null,\n results: null,\n };\n rooms[code] = room;\n const color = pickColor(room);\n room.players[body.id] = {\n id: body.id,\n name: body.name || \"Player\",\n color,\n x: WW / 2,\n y: WH / 2,\n vx: 0,\n vy: 0,\n inputX: 0,\n inputY: 0,\n isIt: false,\n score: 0,\n invincibleUntil: 0,\n isHost: true,\n lastSeen: Date.now(),\n };\n return J({ code, color, players: room.players });\n }\n if (action === \"join\") {\n const room = rooms[body.code?.toUpperCase()];\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) {\n return J({ error: \"Room is full\" });\n }\n const color = pickColor(room);\n room.players[body.id] = {\n id: body.id,\n name: body.name || \"Player\",\n color,\n x: WW / 2 + (Math.random() - .5) * 200,\n y: WH / 2 + (Math.random() - .5) * 200,\n vx: 0,\n vy: 0,\n inputX: 0,\n inputY: 0,\n isIt: false,\n score: 0,\n invincibleUntil: 0,\n isHost: false,\n lastSeen: Date.now(),\n };\n return J({ code: body.code.toUpperCase(), color, players: room.players });\n }\n if (action === \"start\") {\n const room = rooms[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) {\n return J({ error: \"Only host can start\" });\n }\n if (Object.keys(room.players).length < 2) {\n return J({ error: \"Need at least 2 players!\" });\n }\n startGame(room);\n return J({ ok: true });\n }\n if (action === \"state\") {\n const room = rooms[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 return J({\n phase: room.phase,\n players: room.players,\n timer: room.timer,\n countdown: room.countdown,\n tagged: room.lastTagged,\n results: room.results,\n });\n }\n if (action === \"input\") {\n const room = rooms[body.code];\n if (!room || room.phase !== \"playing\") return J({ ok: true });\n const p = room.players[body.id];\n if (p) {\n p.inputX = body.x;\n p.inputY = body.y;\n p.lastSeen = Date.now();\n }\n return J({ ok: true });\n }\n if (action === \"restart\") {\n const room = rooms[body.code];\n if (!room || room.phase !== \"ended\") return J({ error: \"Not ended\" });\n if (!room.players[body.id]?.isHost) {\n return J({ error: \"Only host can restart\" });\n }\n room.phase = \"lobby\";\n room.results = null;\n room.lastTagged = null;\n for (const id in room.players) {\n room.players[id].score = 0;\n room.players[id].isIt = false;\n }\n return J({ ok: true, players: room.players });\n }\n return J({ error: \"Unknown action\" });\n}\n\nfunction J(data: any) {\n return new Response(JSON.stringify(data), {\n headers: {\n \"content-type\": \"application/json\",\n \"access-control-allow-origin\": \"*\",\n },\n });\n}","deleted","label",[100],"permalink","https://www.val.town/x/peopleeattoes/untitled-9717/code/main.ts","extension","actionData","errors"]