Este guia documenta as 17 ações visíveis do sorteio aleatório Spin and Wheel — uma ferramenta no navegador que atribui a cada entrada um arco igual em uma roleta HTML5 Canvas, gerando uma probabilidade de seleção de 1/N. A página inclui um início rápido em três etapas e uma referência detalhada de cada botão, alternador e atalho de teclado da roleta principal.
Abrir a roletaDigite ou cole sua lista na caixa Entradas — uma por linha. Nomes, opções, tarefas, prêmios — qualquer coisa que você queira sortear. Não há limite superior além da capacidade de localStorage do navegador (tipicamente 5 MB por origem).
Clique no botão de girar abaixo da roleta ou direto na roleta. O giro dura 3,5 segundos por padrão (de 2 a 15 segundos em Personalizar) e para em uma entrada aleatória com probabilidade 1/N: o ponto de parada vem do gerador aleatório criptograficamente seguro do navegador, então toda entrada tem a mesma chance, não importa onde esteja na roleta.
O vencedor aparece em um modal. Você pode girar de novo, remover o vencedor da lista ou fechar o modal — os vencedores são registrados automaticamente na aba Vencedores.
A caixa Entradas contém a lista entre a qual a roleta escolhe — um item por linha, com contador em tempo real do número de linhas não vazias. Cada entrada ocupa um arco de 360°/N da roleta, então a probabilidade de seleção é exatamente 1/N, independentemente do tamanho do texto ou da posição. Não há limite superior além da capacidade de localStorage do navegador (tipicamente 5 MB por origem).
Dica: cole uma coluna de planilha para adicionar muitas entradas de uma vez.
Reordena aleatoriamente todas as entradas. Útil para mudar a vizinhança dos itens entre giros ou quebrar a ordem de uma lista classificada.
Embaralhar não muda a probabilidade — cada entrada continua com 1/N.
Ordena as entradas em ordem alfabética (A–Z). Útil para organizar uma lista colada longa ou agrupar itens semelhantes antes de compartilhar a roleta.
Como Embaralhar, a ordenação muda apenas a exibição, não a equidade.
Remove todas as entradas em um clique. A roleta fica vazia e você pode começar uma nova lista.
Listas limpas não podem ser recuperadas — copie antes um link em Compartilhar QR code para guardar uma cópia.
Inicia o giro com uma desaceleração easeOutQuart. Dura 3.500 ms por padrão; Personalizar oferece 2, 3,5, 6, 10 ou 15 segundos, e o número de voltas cresce com a duração. O ângulo de parada é sorteado com crypto.getRandomValues antes de a animação começar. Há dois jeitos de girar: o botão abaixo da roleta e um clique na roleta. A caixa de Entradas fica travada durante o giro, então a lista não muda no meio do sorteio.
A duração é só o show: o resultado é definido antes de a roleta se mexer, então um giro curto ou longo não favorece ninguém.
Cada vencedor é adicionado automaticamente à aba Vencedores. Troque de aba para ver o histórico completo, com um contador mostrando quantos vencedores foram sorteados.
Use o botão Limpar na aba Vencedores para zerar o histórico sem mexer nas entradas.
No modal do vencedor, o botão Remover tira a entrada vencedora — ideal para sorteios em que cada nome só pode ganhar uma vez. O botão Usar como entradas (aba Vencedores) devolve todos os vencedores para a lista de giro.
Combine os dois para rodadas de eliminação: girar, remover, repetir.
Após exibir um vencedor, o modal pode acionar o próximo giro automaticamente. Marque a caixa e defina a contagem regressiva em segundos. O contador reinicia a cada novo vencedor.
Contagem padrão: 30 segundos — ajuste conforme o ritmo do seu evento.
Gire sem as mãos: abra as Configurações (a engrenagem ao lado de Adicionar entradas), ative o controle por voz, permita o acesso ao microfone e diga seu comando em voz alta — 'Wheel spin' por padrão — para girar sem tocar na tela. O reconhecimento de voz usa a API Web Speech do navegador e segue o idioma da página; um selo de microfone fica verde quando suas palavras coincidem e vermelho quando não.
Defina seu próprio comando nas Configurações (qualquer frase) e use o Chrome ou o Edge para melhores resultados; a opção fica oculta em navegadores sem reconhecimento de voz.
Quando ativada, o nome do vencedor é lido em voz alta pela Web Speech API do navegador (interface SpeechSynthesis, especificação do W3C Community Group). A voz e o idioma são selecionados automaticamente para corresponder ao idioma ativo da interface. O estado do alternador no modal do vencedor é persistido em localStorage como voiceOver_
Qualidade e idioma da voz dependem das vozes instaladas no seu sistema operacional.
Um tique toca a cada fatia que passa pelo ponteiro e fica mais lento junto com a roleta. Em Personalizar você escolhe o som ao girar (Tique, Clique ou Suave), um som do vencedor que toca quando a roleta para (Sino, Fanfarra ou Nenhum) e o volume. O ícone de alto-falante no topo da página silencia todos os sons da roleta e guarda a escolha. Com a Narração ligada, o nome é lido depois do som do vencedor.
Silencie pelo alto-falante do topo em sala de aula ou no escritório; suas escolhas de som ficam salvas.
O botão da paleta ao lado da engrenagem de Configurações abre Personalizar: 8 temas de cores (Clássico, Pastel, Oceano, Pôr do sol, Neon, Floresta, Mono, Arco-íris; o texto muda para preto ou branco para continuar legível), duração do giro, sons ao girar e do vencedor com volume, e confete opcional a cada resultado (desligado por padrão e quando o aparelho pede menos movimento). Tudo fica salvo neste navegador, vai junto nos links de Compartilhar QR code e, no OBS, o painel de controle envia as escolhas para a roleta da transmissão.
Nenhuma dessas opções muda as chances. Restaurar padrões volta ao visual clássico. Modelos e todas as opções juntas: Roleta personalizada.
Clicar no ícone de tela cheia no cabeçalho aciona a Fullscreen API do navegador (Element.requestFullscreen()), expandindo o canvas da roleta para todo o viewport. Compatível com todos os navegadores evergreen (Chrome, Edge, Firefox, Safari 16.4+) — ideal para apresentações, projetores e compartilhamento de tela em videochamadas.
Pressione Esc para sair da tela cheia a qualquer momento.
As entradas são persistidas automaticamente no localStorage do navegador (Web Storage API, recomendação do W3C), com chave por idioma: mainInput_en, mainInput_fr, etc. O armazenamento sobrevive ao fechamento da aba, ao reinício do navegador e da máquina, até que o usuário limpe os dados do site. A capacidade por origem é tipicamente de 5 MB, suficiente para dezenas de milhares de entradas.
Salvamento por idioma: mudar para inglês cria uma lista em inglês independente.
A barra de endereço não muda enquanto você digita. Para compartilhar a roleta, clique em Compartilhar QR code no topo do formulário de entradas: é criado um link com suas entradas no parâmetro ?entries= e as mudanças de Personalizar em ?cfg=, mostrado como QR code com um botão Copiar link. Quem abre o link vê a mesma lista e o mesmo visual no próprio dispositivo, sem nenhuma ida ao servidor. Uma lista compartilhada abre sem substituir a lista salva de quem recebe, as edições feitas nela não são salvas, e o visual compartilhado vale só para aquela visita; ele é salvo quando algum ajuste é alterado. O tamanho da lista é limitado apenas pelos comprimentos de URL dos navegadores (~2.000 caracteres em clientes antigos, ~32.000 em Chromium moderno).
Sem contas, sem servidores — a lista vive dentro da própria URL.
Clique no botão Compartilhar QR code no topo do formulário de entradas para abrir uma janela com um QR code escaneável. O código contém a URL atual, incluindo as entradas adicionadas, então quem escanear com a câmera do celular abre exatamente a mesma roleta com a mesma lista. A janela também mostra o link completo e um botão Copiar link, caso prefira colar o endereço em uma conversa, e-mail ou apresentação.
Ótimo para sala de aula e eventos — alunos ou convidados escaneiam o código na tela e abrem a roleta no próprio dispositivo com um toque.
A roleta está disponível em 12 idiomas: inglês, francês, espanhol, japonês, português, alemão, polonês, coreano, hindi, indonésio, ucraniano e hebraico (da direita para a esquerda). Escolha o idioma no rodapé — toda a interface, incluindo a narração, muda na hora.
Cada idioma mantém sua própria lista salva, sem sobrescrever as outras.
Você pode exibir a roleta ao vivo na sua transmissão no OBS Studio em duas partes: uma roleta que fica por cima da sua cena e um pequeno painel de controle encaixado dentro do OBS, onde você edita os nomes e gira. Não há programas extras para instalar nem conta — as duas partes funcionam dentro do OBS no mesmo computador.
Adicione a roleta à sua cena usando o Link de Exibição. Ela aparece sobre um fundo transparente, então só a roleta fica visível sobre a sua webcam ou o seu jogo, sem caixa em volta. Um tamanho quadrado como 800 × 800 funciona melhor.
Mova e redimensione onde quiser na cena; a área ao redor da roleta continua transparente sobre as suas outras fontes.
Adicione o Link do Dock como um painel dentro do OBS para editar nomes, girar e ver vencedores sem sair do OBS nem mudar para uma aba do navegador.
Se o painel sumir, reative-o pelo menu Docks no topo do OBS.
O painel de controle e a roleta na tela estão ligados dentro do OBS, então um giro aparece na transmissão instantaneamente. Nada é enviado a um servidor — as duas partes só precisam rodar no mesmo OBS em um computador.
Pressione Girar a Roleta no painel e a roleta na tela gira na hora; cada vencedor é adicionado à lista de Vencedores do painel.
Ative Controlar o áudio pelo OBS ao adicionar a roleta para que os espectadores ouçam o tique-taque. Pelo painel você também pode fazer cada vencedor ser anunciado em voz alta e iniciar o próximo giro automaticamente.
Você pode silenciar a roleta pelo mixer de áudio do OBS a qualquer momento.
Perguntas frequentes
