Guia da Interface
Como usar a interface de draft, seleção de lado e painel do configurador
Guia da Interface
Aprenda a navegar pela interface de draft, pela fase de decisão inicial e pelo painel do configurador.
Papéis de acesso
Cada sessão de draft tem quatro acessos:
| Acesso | Permissão |
|---|---|
| Drafter Time 1 | Faz picks/bans do Time 1 |
| Drafter Time 2 | Faz picks/bans do Time 2 |
| Espectador | Apenas visualização; vê picks, bans e hovers |
| Configurador | Painel administrativo da série |
Cada acesso recebe uma URL única. O link de configurador deve ficar apenas com a organização.
Fase 1: Decisão inicial (conforme pickMode / orderMode)
Antes do draft começar, o sistema define qual time tem prioridade e o que esse time pode escolher.
pickMode
map_side: lados já vêm definidos (sem decisão dinâmica)first_selection: prioridade vai para quem confirma pronto primeirocoin_flip: prioridade definida por cara ou coroa
orderMode
map_side: time com prioridade escolhe lado do mapa (azul/vermelho)pick_priority: time com prioridade escolhe entre lado do mapa ou ordem de pick
Regra importante: se
pickMode = map_side, entãoorderModefica automaticamentemap_side.
Quando for coin_flip
Uma animação de moeda define o time com prioridade (escolhedor).
Turno do escolhedor
Dependendo do orderMode, o escolhedor decide:
map_side: escolhe Lado Azul ou Lado Vermelhopick_priority: escolhe entre controlar lado do mapa ou ordem de pick
O outro time fica com a opção restante.
Resultado
Antes de começar o draft, os dois times já veem:
- lado confirmado (Azul/Vermelho) para o jogo atual
- ordem de pick confirmada
A identidade do time é sempre por Time 1 / Time 2; Azul/Vermelho é apenas o lado daquele jogo.
Fase 2: Draft de campeões
Visão geral do layout
┌─────────────────────────────────────────────────┐
│ Time A 3:2 Time B | Timer │
├─────────────────────────────────────────────────┤
│ BANS ESQ. │ FASE │ BANS DIR. │
├─────────────────────────────────────────────────┤
│ │
│ PICKS │ GRADE DE │ PICKS │
│ ESQUERDA │ CAMPEÕES │ DIREITA │
│ │
├─────────────────────────────────────────────────┤
│ BUSCA E FILTROS │
└─────────────────────────────────────────────────┘A coluna da esquerda mostra o time que está no lado Azul do jogo atual; a direita mostra o lado Vermelho.
Esse mapeamento é por jogo (blueTeam / redTeam) e pode mudar entre partidas da série.
Cabeçalho
- Nomes dos times com logo e placar da série (ex.:
LBL 2 – 1 TSM) - Timer com contagem regressiva do turno atual; pisca quando o tempo está baixo
- Indicador de fase — BAN 1, PICK 1, BAN 2, PICK 2
Bans
- 5 slots de ban por time, exibidos acima dos picks
- Campeões aparecem acinzentados com sobreposição de ✕ após serem banidos
Picks
- 5 slots de pick por time
- Exibe o retrato e nome do campeão após ser confirmado
Grade de campeões
| Estado | Visual |
|---|---|
| Disponível | Cor completa, clicável |
| Banido | Acinzentado, sobreposição ✕ |
| Pickado | Desbotado |
| Em hover | Borda azul ou vermelha |
| Confirmado | Sobreposição de visto |
Busca e filtros
- Barra de busca — Filtrar por nome
- Ícones de role — Filtrar por Top, Jungle, Mid, ADC, Suporte (múltiplos permitidos)
Fazendo seleções
Hover
Clique em um campeão para colocar em hover — seu time vê sua intenção em tempo real.
Confirmar (Lock In)
Clique em Confirmar ou dê duplo clique no campeão em hover para confirmar a seleção.
Auto-lock
Se o timer expirar, o hover atual é confirmado automaticamente. Se não houver hover, um campeão aleatório disponível é confirmado.
Modo espectador
- Pode ver todos os picks, bans e hovers de ambos os times
- Não pode interagir com as seleções
- Útil para observadores e transmissões ao vivo
Navegação da série (MD3+)
Ao visualizar uma série MD, um seletor de jogo aparece no cabeçalho permitindo navegar entre jogos concluídos e o jogo atual.
Ao visualizar um jogo anterior:
- Exibe todos os picks e bans como ocorreram
- Picks pulados (ex.: auto-lock sem hover) são exibidos com um indicador de Pulado
Painel do configurador
O Configurador tem um painel de controle dedicado para gerenciar a série. Acesse pela URL do configurador.
Definir vencedor por jogo
Para cada jogo individual em uma série MD3+, o configurador seleciona o time vencedor após o draft ser concluído:
- Uma seção Definir Vencedor aparece após o draft do jogo ser finalizado
- Selecione qual time ganhou
- O placar da série é atualizado automaticamente
Os botões Editar Placar e Finalizar Série só aparecem após o último jogo decisivo da série ser concluído (ex.: jogo 2 de um MD3 quando alguém atinge 2 vitórias). Para jogos intermediários, apenas o seletor de vencedor é exibido.
Editar placar
Disponível apenas quando o jogo final da série for concluído. Permite corrigir o placar exibido em caso de erro.
Finalizar série
Marca a série como encerrada e registra o resultado final. Disponível apenas quando um time atingiu o número de vitórias necessário.
Reset
O configurador pode resetar:
- Jogo Atual — Limpa picks/bans apenas do jogo atual e reinicia a seleção de lado
- Série Completa — Limpa todo o histórico de jogos, zera o placar de ambos os times e volta ao jogo 1
O drafter também pode solicitar um reset; o adversário deve concordar. Em séries, a solicitação especifica se cobre apenas o jogo atual ou toda a série.
Atalhos de teclado
| Tecla | Ação |
|---|---|
Enter | Confirmar seleção |
Escape | Cancelar hover |
/ | Focar busca de campeões |
Dicas
- Pré-hover — Mostre sua intenção de campeão para comunicar com seu time
- Use a busca — Mais rápido do que rolar pela grade
- Observe o timer — Evite perder picks por timeout
- Planeje com antecedência — Em Fearless/Ironman, considere a composição completa da série desde o início