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

\n \n

\n\n

\n\n\n\n`;\n\n// Game state\nconst rooms: Record = {};\nconst socketToRoom = new Map();\n\nconst GAME_DURATION = 120;\nconst TICK_MS = 50;\nconst PLAYER_SPEED = 3.8;\nconst IT_SPEED = 4.4;\nconst PLAYER_R = 18;\nconst TAG_DIST = PLAYER_R * 2 + 6;\nconst INVINCIBLE_MS = 2200;\nconst ARENA_PAD = 45;\nconst WORLD_W = 800;\nconst WORLD_H = 600;\nconst COLORS = [\n \"#00e5ff\",\n \"#ffe600\",\n \"#ff6cf7\",\n \"#39ff14\",\n \"#ff9500\",\n \"#c77dff\",\n \"#ff4757\",\n \"#ffffff\",\n];\n\nfunction genCode() {\n const w = [\n \"WOLF\",\n \"HAWK\",\n \"BEAR\",\n \"LION\",\n \"LYNX\",\n \"CROW\",\n \"PUMA\",\n \"BULL\",\n \"VIPER\",\n \"FOX\",\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 bcast(room: any, data: any, exceptId?: string) {\n const msg = JSON.stringify(data);\n for (const id in room.sockets) {\n if (id === exceptId) continue;\n try {\n room.sockets[id].send(msg);\n } catch (e) {}\n }\n}\nfunction sendState(room: any) {\n bcast(room, {\n type: \"STATE\",\n players: room.players,\n phase: room.phase,\n timer: room.timer,\n });\n}\n\nfunction startGame(room: any) {\n room.phase = \"countdown\";\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() + INVINCIBLE_MS;\n ids.forEach((id, i) => {\n const angle = (i / ids.length) * Math.PI * 2;\n room.players[id].x = WORLD_W / 2 + Math.cos(angle) * 160;\n room.players[id].y = WORLD_H / 2 + Math.sin(angle) * 160;\n room.players[id].vx = room.players[id].vy = 0;\n room.players[id].score = 0;\n });\n let cd = 3;\n bcast(room, { type: \"COUNTDOWN\", val: cd });\n const cdIv = setInterval(() => {\n cd--;\n if (cd <= 0) {\n clearInterval(cdIv);\n room.phase = \"playing\";\n room.timer = GAME_DURATION;\n bcast(room, { type: \"COUNTDOWN\", val: 0 });\n let elapsed = 0;\n room.tickIv = setInterval(() => {\n elapsed += TICK_MS;\n if (elapsed >= 1000) {\n elapsed -= 1000;\n room.timer--;\n if (room.timer <= 0) {\n endGame(room);\n return;\n }\n }\n gameTick(room);\n sendState(room);\n }, TICK_MS);\n sendState(room);\n } else {\n bcast(room, { type: \"COUNTDOWN\", val: cd });\n }\n }, 1000);\n}\n\nfunction gameTick(room: any) {\n const now = Date.now();\n const dt = TICK_MS / (1000 / 60);\n for (const id in room.players) {\n const p = room.players[id];\n const speed = p.isIt ? IT_SPEED : PLAYER_SPEED;\n let vx = p.inputX || 0, vy = p.inputY || 0;\n const len = Math.sqrt(vx * vx + vy * vy);\n if (len > 1) {\n vx /= len;\n vy /= len;\n }\n p.x = Math.max(\n PLAYER_R + ARENA_PAD,\n Math.min(WORLD_W - PLAYER_R - ARENA_PAD, p.x + vx * speed * dt),\n );\n p.y = Math.max(\n PLAYER_R + ARENA_PAD,\n Math.min(WORLD_H - PLAYER_R - ARENA_PAD, p.y + vy * speed * dt),\n );\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];\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_DIST) {\n it.score++;\n it.isIt = false;\n p.isIt = true;\n p.invincibleUntil = now + INVINCIBLE_MS;\n bcast(room, { type: \"TAG\", taggerId: it.id, taggedId: p.id });\n break;\n }\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 const results = Object.values(room.players)\n .sort((a: any, b: any) => 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 bcast(room, { type: \"GAMEOVER\", results });\n}\n\nfunction removePlayer(room: any, playerId: string) {\n delete room.players[playerId];\n delete room.sockets[playerId];\n if (Object.keys(room.players).length === 0) {\n if (room.tickIv) clearInterval(room.tickIv);\n delete rooms[room.code];\n return;\n }\n if (room.phase === \"playing\") {\n const hasIt = Object.values(room.players).some((p: any) => p.isIt);\n if (!hasIt) {\n const ids = Object.keys(room.players);\n room.players[ids[0]].isIt = true;\n room.players[ids[0]].invincibleUntil = Date.now() + INVINCIBLE_MS;\n }\n }\n bcast(room, { type: \"PLAYER_LEFT\", id: playerId, players: room.players });\n}\n\nfunction handleMsg(ws: WebSocket, msg: any) {\n if (msg.type === \"CREATE\") {\n let code = genCode();\n while (rooms[code]) code = genCode();\n const room = {\n code,\n players: {},\n sockets: {},\n phase: \"lobby\",\n timer: GAME_DURATION,\n tickIv: null,\n };\n rooms[code] = room;\n const color = pickColor(room);\n const player = {\n id: msg.id,\n name: msg.name,\n color,\n x: WORLD_W / 2,\n y: WORLD_H / 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 };\n room.players[msg.id] = player;\n room.sockets[msg.id] = ws;\n socketToRoom.set(ws, { code, playerId: msg.id });\n ws.send(\n JSON.stringify({ type: \"CREATED\", code, player, players: room.players }),\n );\n } else if (msg.type === \"JOIN\") {\n const room = rooms[msg.code?.toUpperCase()];\n if (!room) {\n ws.send(JSON.stringify({ type: \"ERROR\", msg: \"Room not found\" }));\n return;\n }\n if (room.phase !== \"lobby\") {\n ws.send(JSON.stringify({ type: \"ERROR\", msg: \"Game already started\" }));\n return;\n }\n if (Object.keys(room.players).length >= 8) {\n ws.send(JSON.stringify({ type: \"ERROR\", msg: \"Room is full\" }));\n return;\n }\n const color = pickColor(room);\n const player = {\n id: msg.id,\n name: msg.name,\n color,\n x: WORLD_W / 2 + (Math.random() - .5) * 200,\n y: WORLD_H / 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 };\n room.players[msg.id] = player;\n room.sockets[msg.id] = ws;\n socketToRoom.set(ws, { code: msg.code.toUpperCase(), playerId: msg.id });\n ws.send(\n JSON.stringify({\n type: \"JOINED\",\n code: msg.code.toUpperCase(),\n player,\n players: room.players,\n }),\n );\n bcast(\n room,\n { type: \"PLAYER_JOINED\", player, players: room.players },\n msg.id,\n );\n } else if (msg.type === \"START\") {\n const info = socketToRoom.get(ws);\n if (!info) return;\n const room = rooms[info.code];\n if (!room || room.phase !== \"lobby\") return;\n if (!room.players[info.playerId]?.isHost) return;\n if (Object.keys(room.players).length < 2) {\n ws.send(\n JSON.stringify({ type: \"ERROR\", msg: \"Need at least 2 players!\" }),\n );\n return;\n }\n startGame(room);\n } else if (msg.type === \"INPUT\") {\n const info = socketToRoom.get(ws);\n if (!info) return;\n const room = rooms[info.code];\n if (!room || room.phase !== \"playing\") return;\n const p = room.players[info.playerId];\n if (p) {\n p.inputX = msg.x;\n p.inputY = msg.y;\n }\n } else if (msg.type === \"RESTART\") {\n const info = socketToRoom.get(ws);\n if (!info) return;\n const room = rooms[info.code];\n if (!room || room.phase !== \"ended\") return;\n if (!room.players[info.playerId]?.isHost) return;\n room.phase = \"lobby\";\n for (const id in room.players) {\n room.players[id].score = 0;\n room.players[id].isIt = false;\n }\n bcast(room, { type: \"RESTART\", players: room.players });\n }\n}\n\nfunction handler(req: Request): Response {\n const upgrade = req.headers.get(\"upgrade\") || \"\";\n if (upgrade.toLowerCase() === \"websocket\") {\n const { socket, response } = Deno.upgradeWebSocket(req);\n socket.onmessage = (e) => {\n try {\n handleMsg(socket, JSON.parse(e.data));\n } catch (err) {}\n };\n socket.onclose = () => {\n const info = socketToRoom.get(socket);\n if (!info) return;\n socketToRoom.delete(socket);\n const room = rooms[info.code];\n if (room) removePlayer(room, info.playerId);\n };\n return response;\n }\n return new Response(HTML, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\nexport default handler;","deleted","label",[100],"permalink","https://www.val.town/x/peopleeattoes/untitled-9830/code/main.ts","extension","actionData","errors"]