🏆 Sport Stacking

Round Robin Setup

Enter the names of 6 players:

\n \n \n \n \n \n \n

\n \n

\n\n \n

🏆 Sport Stacking Round Robin

\n Round 1 of 5\n

\n\n

\n \n \n

\n\n

🎉 Tournament Complete!

All players have played each other.

\n \n

\n\n \n\n\n",[67],"5572dc32-3362-11f1-9ca7-42b51c65c3df","app.js","f02a673c-3361-11f1-b567-42b51c65c3df",5,["D",1775663285851],"// Round Robin schedule generator using the \"circle method\"\n// For 6 players: 5 rounds, 3 matches per round\nfunction generateRoundRobin(players) {\n const n = players.length;\n const rounds = [];\n const ids = [...Array(n).keys()];\n\n for (let round = 0; round < n - 1; round++) {\n const matches = [];\n for (let i = 0; i < n / 2; i++) {\n matches.push([ids[i], ids[n - 1 - i]]);\n }\n rounds.push(matches);\n const last = ids.pop();\n ids.splice(1, 0, last);\n }\n\n return rounds.map(round =>\n round.map(([a, b]) => [players[a], players[b]])\n );\n}\n\nlet rounds = [];\nlet currentRound = 0;\n\n// ---- LOAD SAVED NAMES ----\nwindow.addEventListener(\"load\", () => {\n const saved = JSON.parse(localStorage.getItem(\"ss_players\") || \"[]\");\n if (saved.length === 6) {\n const inputs = document.querySelectorAll(\".player-input\");\n saved.forEach((name, i) => { inputs[i].value = name; });\n }\n});\n\n// ---- SETUP ----\ndocument.getElementById(\"start-btn\").addEventListener(\"click\", () => {\n const inputs = document.querySelectorAll(\".player-input\");\n const players = Array.from(inputs).map((inp, i) => inp.value.trim() || `Player ${i + 1}`);\n\n // Save names to localStorage\n localStorage.setItem(\"ss_players\", JSON.stringify(players));\n\n rounds = generateRoundRobin(players);\n currentRound = 0;\n\n document.getElementById(\"setup-screen\").classList.add(\"hidden\");\n document.getElementById(\"tournament-screen\").classList.remove(\"hidden\");\n\n showRound(currentRound, false);\n});\n\n// ---- GET SLOTS FOR A ROUND ----\nfunction getSlots(roundIndex) {\n const round = rounds[roundIndex];\n return [\n round[0][0], round[0][1],\n round[1][0], round[1][1],\n round[2][0], round[2][1],\n ];\n}\n\n// ---- SHOW ROUND WITH FLYING ANIMATION ----\nfunction showRound(index, animate = true) {\n const roundLabel = document.getElementById(\"round-label\");\n const nextBtn = document.getElementById(\"next-btn\");\n const prevBtn = document.getElementById(\"prev-btn\");\n const doneMsg = document.getElementById(\"done-msg\");\n\n roundLabel.textContent = `Round ${index + 1} of ${rounds.length}`;\n prevBtn.disabled = index === 0;\n\n const newSlots = getSlots(index);\n const playerBoxes = Array.from(document.querySelectorAll(\".player-box\"));\n\n if (animate) {\n // Get current positions of all boxes\n const oldPositions = playerBoxes.map(box => box.getBoundingClientRect());\n const oldNames = playerBoxes.map(box => box.textContent.trim());\n\n // Update text content to new names\n newSlots.forEach((name, i) => {\n playerBoxes[i].textContent = name;\n });\n\n // For each box, find where it came from and animate FROM that old position\n playerBoxes.forEach((box, newIndex) => {\n const newName = newSlots[newIndex];\n const oldIndex = oldNames.indexOf(newName);\n\n if (oldIndex !== -1 && oldIndex !== newIndex) {\n // This player moved — animate from old position to new position\n const oldRect = oldPositions[oldIndex];\n const newRect = box.getBoundingClientRect();\n\n const dx = oldRect.left - newRect.left;\n const dy = oldRect.top - newRect.top;\n\n box.style.transition = \"none\";\n box.style.transform = `translate(${dx}px, ${dy}px)`;\n box.style.zIndex = \"10\";\n box.style.opacity = \"1\";\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n box.style.transition = \"transform 0.6s cubic-bezier(0.4,0,0.2,1), opacity 0.3s\";\n box.style.transform = \"translate(0, 0)\";\n box.style.zIndex = \"\";\n setTimeout(() => {\n box.style.transition = \"\";\n box.style.transform = \"\";\n }, 650);\n });\n });\n } else if (oldIndex === -1) {\n // New player or same position — just fade in\n box.style.opacity = \"0\";\n box.style.transform = \"scale(0.8)\";\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n box.style.transition = \"opacity 0.4s, transform 0.4s\";\n box.style.opacity = \"1\";\n box.style.transform = \"scale(1)\";\n setTimeout(() => {\n box.style.transition = \"\";\n box.style.transform = \"\";\n }, 450);\n });\n });\n }\n });\n\n } else {\n // No animation — just set text\n newSlots.forEach((name, i) => {\n playerBoxes[i].textContent = name;\n });\n }\n\n // Show/hide done message\n if (index === rounds.length - 1) {\n nextBtn.classList.add(\"hidden\");\n doneMsg.classList.remove(\"hidden\");\n } else {\n nextBtn.classList.remove(\"hidden\");\n doneMsg.classList.add(\"hidden\");\n }\n}\n\n// ---- NEXT ----\ndocument.getElementById(\"next-btn\").addEventListener(\"click\", () => {\n if (currentRound < rounds.length - 1) {\n currentRound++;\n showRound(currentRound, true);\n }\n});\n\n// ---- PREV ----\ndocument.getElementById(\"prev-btn\").addEventListener(\"click\", () => {\n if (currentRound > 0) {\n currentRound--;\n showRound(currentRound, true);\n }\n});\n\n// ---- RESTART ----\ndocument.getElementById(\"restart-btn\").addEventListener(\"click\", () => {\n document.getElementById(\"tournament-screen\").classList.add(\"hidden\");\n document.getElementById(\"setup-screen\").classList.remove(\"hidden\");\n});\n",[74],{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":94,"_17":50,"_51":24,"_52":78,"_54":55,"_56":-5,"_85":95,"_18":96},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":91,"_17":62,"_51":24,"_52":71,"_54":55,"_56":-5,"_85":92,"_18":93},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":88,"_17":62,"_51":63,"_52":64,"_54":55,"_56":-5,"_85":89,"_18":90},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":84,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_85":86,"_18":87},["D",1775663291665],"children",[],[38],["D",1775662995160],[],[59],["D",1775663010001],[],[67],["D",1775663285851],[],[74],"a829ce14-3361-11f1-82a4-42b51c65c3df",["D",1775662995123],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","5d333740-6262-11f0-9f04-73f435e38a9c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","5d335e50-6262-11f0-9f04-73f435e38a9c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_149":145},"org",{"_11":12,"_143":-5,"_144":145,"_106":107,"_146":147,"_148":55},"branch",{"_17":45,"_13":16,"_36":43,"_135":97,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":14,"_142":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yenhySW14NUl3eDFnZFRuTmtTY1Jadm05Q2sifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":97,"_13":14,"_48":197,"_99":-5,"_100":55,"_101":102,"_103":102,"_104":-5,"_105":-5,"_106":107,"_108":-5,"_109":55,"_110":-5,"_111":-5,"_112":62,"_113":114,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":198,"_130":199,"_132":200,"_134":55},[185,186,187,188],"files",[185,186,187,188],"counts",{"_176":62,"_177":50,"_178":62,"_31":179,"_180":181},[168,169,170,171],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":77,"_17":50,"_51":24,"_52":78,"_54":55,"_56":-5,"_18":175},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":70,"_17":62,"_51":24,"_52":71,"_54":55,"_56":-5,"_18":174},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":61,"_17":62,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":173},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":172},[38],[59],[67],[74],"pulls","branches","forks",{"_182":62,"_184":62},"connections",{"_182":62,"_183":62},"count","unfilledCount","emptyCount",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":94,"_17":50,"_51":24,"_52":78,"_54":55,"_56":-5,"_85":195,"_18":196},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":91,"_17":62,"_51":24,"_52":71,"_54":55,"_56":-5,"_85":193,"_18":194},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":88,"_17":62,"_51":63,"_52":64,"_54":55,"_56":-5,"_85":191,"_18":192},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":84,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_85":189,"_18":190},[],[38],[],[59],[],[67],[],[74],["D",1775662995123],{"_11":12,"_149":145},{"_11":12,"_143":-5,"_144":145,"_106":107,"_146":147,"_148":55},{"_17":45,"_13":16,"_36":43,"_135":97,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":14,"_142":12},"ctx",{"_128":-5,"_165":234,"_235":236,"_237":238,"_239":55,"_240":55,"_241":55,"_242":47,"_243":-5,"_244":-7,"_245":-7,"_246":62,"_247":55,"_248":55,"_249":-5,"_250":55,"_251":55,"_252":55,"_253":-5},"ENV",{"_205":206,"_207":208,"_209":16,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233},"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"]

Code