🏆 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",[139],"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",[146],"pulls","forks","envVars",{"_158":51,"_160":51},"connections",{"_158":51,"_159":51},"count","unfilledCount","emptyCount",{"_20":145,"_13":146,"_117":147,"_119":-5,"_120":21,"_121":148,"_122":106,"_22":175,"_29":124,"_125":99,"_126":150,"_128":38,"_129":-5,"_166":176,"_87":177},{"_20":138,"_13":139,"_117":140,"_119":-5,"_120":21,"_121":141,"_122":106,"_22":172,"_29":51,"_125":99,"_126":143,"_128":38,"_129":-5,"_166":173,"_87":174},{"_20":131,"_13":132,"_117":133,"_119":-5,"_120":21,"_121":124,"_122":106,"_22":169,"_29":51,"_125":135,"_126":136,"_128":38,"_129":-5,"_166":170,"_87":171},{"_20":115,"_13":116,"_117":118,"_119":-5,"_120":21,"_121":30,"_122":106,"_22":165,"_29":124,"_125":99,"_126":127,"_128":38,"_129":-5,"_166":167,"_87":168},["D",1775663291665],"children",[],[116],["D",1775662995160],[],[132],["D",1775663010001],[],[139],["D",1775663285851],[],[146],["D",1775662995123],{"_11":12,"_85":81},{"_11":12,"_79":-5,"_80":81,"_44":45,"_82":83,"_84":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_74":-5,"_75":-5,"_76":-5,"_77":14,"_78":12},"ctx",{"_67":-5,"_108":215,"_216":217,"_218":219,"_220":38,"_221":38,"_222":38,"_223":106,"_224":-5,"_225":-7,"_226":-7,"_227":51,"_228":38,"_229":38,"_230":-5,"_231":38,"_232":38,"_233":38,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":26,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"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"]

Branches1

Branches
1