Rift Sim
Simulador de campeonatos de League of Legends com dados reais: CBLOL, Circuito Desafiante, LCK, LPL, LCS, First Stand, EWC (Esports World Cup), MSI e Mundial.
Você clica no time que vence, escolhe o placar da série e vê a tabela, a fase suíça e o chaveamento se
recalcularem até o campeão.
Site 100% estático: roda no GitHub Pages ou abrindo o index.html direto no navegador, sem build. As únicas
dependências vêm do cdnjs: o Select2 (com jQuery) do menu de torneios, que sem ele vira
um select comum, o html2canvas da imagem de compartilhar e os ícones do
Font Awesome.
Como usar
- Abas: escolha a competição; no menu ao lado, o split ou a edição (o torneio em andamento abre por padrão).
A aba CBLOL inclui a LTA Sul (o CBLOL de 2025) e a LCS inclui a LTA Norte. Dá para digitar no menu para buscar
o torneio (ex.: "2021").
- Vencedor: clique no time. Verde = resultado real, dourado = seu palpite. Clicar de novo no mesmo time desfaz.
- Placar: em séries md3/md5, depois de clicar aparecem os placares possíveis (ex.: 3-0, 3-1, 3-2). O placar
entra no saldo da tabela. Dá para mudar só o placar de um resultado real.
- Fase suíça: rodadas que a Riot ainda não sorteou são geradas pelos seus palpites ("Rodada N · simulada").
Use 🎲 Sortear de novo para outro sorteio.
- Mata-mata do Mundial: quando as quartas ainda não existem (ou você mudou a suíça), o chaveamento é sorteado
pela regra oficial; 🎲 Sortear chaveamento refaz.
- Data do jogo: aparece no topo de cada partida, no fuso do seu navegador.
- Ao vivo: a partida que está acontecendo ganha o selo AO VIVO e um link Assistir (Twitch/YouTube).
- Time favorito: escolha (ou busque) no menu de favorito, logo acima do torneio; o caminho dele fica sempre marcado. Um por liga, salvo no
navegador.
- Caminho do time: passe o mouse num time para destacar todas as partidas dele, em todas as fases.
- Limpar palpites: volta tudo ao resultado real. Os palpites ficam salvos no navegador, por torneio.
- Link direto:
index.html#CBLOL, #Desafiante, #LCK, #LPL, #LCS, #First%20Stand, #EWC, #MSI, #Mundial.
Regras simuladas
| Fase | Como funciona |
|---|
| Pontos corridos | Tabela por vitórias, derrotas e saldo de jogos. Mudar resultados muda quem entra na fase seguinte, pela posição na tabela de cada grupo. |
| Play-in e chaves intermediárias | O time que passa pelo palpite entra no lugar do time real na fase seguinte. |
| Fase suíça | 3 vitórias classifica, 3 derrotas elimina. Rodadas 2+ sorteiam times com a mesma campanha, sem revanche. Jogo valendo vaga/eliminação é md3, o resto md1. |
| Quartas do Mundial | Cada 3-0 pega um 3-2, em lados opostos da chave; os demais são sorteio livre. |
| Chaveamentos | A estrutura (quem vem de qual partida) é deduzida dos jogos reais; chaves ainda "a definir" usam a mesma fase da edição anterior como molde. |
Publicar no GitHub Pages
git init
git add .
git commit -m "Rift Sim"
git branch -M main
git remote add origin https://github.com/<seu-usuario>/rift-sim.git
git push -u origin main
No GitHub: Settings → Pages → Source: Deploy from a branch → main / (root).
O site fica em https://<seu-usuario>.github.io/rift-sim/.
Estrutura
index.html página
css/style.css visual
img/ logo (original e versão 192px usada no site e no favicon)
img/teams/ logos dos times, para a imagem de compartilhar (gerados por tools/logos.py)
tools/logos.py baixa e reduz os logos de todas as ligas do site
js/engine.js lógica pura: resultados reais + palpites -> tabelas, suíça, chaveamentos
js/api.js acesso à API do lolesports
js/ui.js estado, renderização e eventos
tests/engine.test.js
Os scripts são carregados em ordem (engine → api → ui) como scripts comuns, sem módulos, para o
index.html funcionar também aberto direto do disco.
Logos dos times
A imagem de compartilhar é desenhada num canvas, e o servidor de imagens do lolesports não libera os logos
(CORS) para isso. Por isso uma cópia reduzida fica em img/teams/. Quando aparecerem times novos, rode
(precisa do Python com Pillow) e faça commit da pasta:
python tools/logos.py
Só baixa o que ainda não existe. Time sem logo local sai na imagem só com a sigla; no site nada muda, que
continua usando os logos do lolesports. Fora do GitHub Pages, abrindo o index.html direto do disco, o
navegador não deixa exportar a imagem, e o botão só abre o post com o link.
Testes
node --test
Testam a lógica com dados fictícios (sem internet): palpites e placares, dedução do chaveamento, fase suíça
completa sem revanches e sorteio das quartas. Requer Node 18+.
Dados
Vêm ao vivo da API pública do lolesports.com, a mesma usada pelo site oficial
(getTournamentsForLeague, getStandings, getSchedule, getCompletedEvents, getLive). A chave em js/api.js é a pública embutida no
próprio lolesports.com; se a Riot trocá-la, o site para de carregar até ela ser atualizada.
Limitações conhecidas
- Só aparecem as edições que a API do lolesports tem (ex.: não há Mundial 2012–2013 nem 2017–2019, nem CBLOL
antes de 2020).
- A data das partidas só aparece de 2024 em diante: a API não guarda o calendário dos torneios mais antigos.
- Desempate não considera confronto direto.
- A 1ª rodada da suíça sempre vem do sorteio real (a API não informa os tiers dos times).
- O time que passa pelo palpite herda a vaga (posição na tabela ou saída da chave) do time real na fase
seguinte; a fase seguinte não é sorteada de novo (exceto o mata-mata depois da suíça).
- Palpite só de vencedor, sem placar, não altera o saldo.
Projeto de fã, sem ligação com a Riot Games.
