🏆 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",[79],"5572dc32-3362-11f1-9ca7-42b51c65c3df",["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",[97],"pulls","branches","forks","envVars",{"_213":20,"_215":20},"connections",{"_213":20,"_214":20},"count","unfilledCount","emptyCount",{"_32":202,"_13":97,"_61":96,"_42":-5,"_34":35,"_187":100,"_188":177,"_36":230,"_38":39,"_64":52,"_190":204,"_66":24,"_192":-5,"_221":231,"_159":232},{"_32":198,"_13":79,"_61":78,"_42":-5,"_34":35,"_187":72,"_188":177,"_36":227,"_38":20,"_64":52,"_190":200,"_66":24,"_192":-5,"_221":228,"_159":229},{"_32":194,"_13":63,"_61":62,"_42":-5,"_34":35,"_187":39,"_188":177,"_36":224,"_38":20,"_64":65,"_190":196,"_66":24,"_192":-5,"_221":225,"_159":226},{"_32":186,"_13":88,"_61":87,"_42":-5,"_34":35,"_187":108,"_188":177,"_36":220,"_38":39,"_64":52,"_190":191,"_66":24,"_192":-5,"_221":222,"_159":223},["D",1775663291665],"children",[],[88],["D",1775662995160],[],[63],["D",1775663010001],[],[79],["D",1775663285851],[],[97],["D",1775662995123],{"_11":12,"_158":69},{"_11":12,"_154":-5,"_68":69,"_25":67,"_155":156,"_157":24},{"_38":108,"_13":16,"_32":35,"_146":113,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":14,"_153":12},"ctx",{"_50":-5,"_179":270,"_271":272,"_273":274,"_275":24,"_276":24,"_277":24,"_278":177,"_279":-5,"_280":-7,"_281":-7,"_282":20,"_283":24,"_284":24,"_285":-5,"_286":24,"_287":24,"_288":24,"_289":-5},"ENV",{"_241":242,"_243":244,"_245":16,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269},"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"]

History