🏆 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",[133],"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",[140],"pulls","branches","forks","envVars",{"_153":39,"_155":39},"connections",{"_153":39,"_154":39},"count","unfilledCount","emptyCount",{"_18":139,"_20":140,"_111":141,"_113":-5,"_114":65,"_115":142,"_116":100,"_22":170,"_62":118,"_119":93,"_120":144,"_122":26,"_123":-5,"_161":171,"_82":172},{"_18":132,"_20":133,"_111":134,"_113":-5,"_114":65,"_115":135,"_116":100,"_22":167,"_62":39,"_119":93,"_120":137,"_122":26,"_123":-5,"_161":168,"_82":169},{"_18":125,"_20":126,"_111":127,"_113":-5,"_114":65,"_115":118,"_116":100,"_22":164,"_62":39,"_119":129,"_120":130,"_122":26,"_123":-5,"_161":165,"_82":166},{"_18":109,"_20":110,"_111":112,"_113":-5,"_114":65,"_115":63,"_116":100,"_22":160,"_62":118,"_119":93,"_120":121,"_122":26,"_123":-5,"_161":162,"_82":163},["D",1775663291665],"children",[],[110],["D",1775662995160],[],[126],["D",1775663010001],[],[133],["D",1775663285851],[],[140],["D",1775662995123],{"_16":17,"_80":76},{"_16":17,"_74":-5,"_75":76,"_32":33,"_77":78,"_79":26},{"_62":63,"_20":64,"_18":65,"_66":19,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":21,"_73":17},"ctx",{"_55":-5,"_102":210,"_211":212,"_213":214,"_215":26,"_216":26,"_217":26,"_218":100,"_219":-5,"_220":-7,"_221":-7,"_222":39,"_223":26,"_224":26,"_225":-5,"_226":26,"_227":26,"_228":26,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":64,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Search