Crie uma roda de números e deixe a sorte decidir 🎲

Crie um gerador de números aleatórios e deixe a sorte decidir qual você seleciona.

Se você precisa escolher entre números aleatórios, esta é a roda para você.

Esta roda é pré-configurada para facilitar a inserção de números, permitindo que você adicione tudo em massa ou um de cada vez.

Como usar a Roda de Números 🎡

Você realmente só precisa girar esta roda, mas pode querer ajustar os números para se adequar a você. Gire clicando no botão na roda (ou use o atalho Ctrl + Enter, ou ⌘ + Enter), e aguarde o resultado da rotação. Você também pode usar o atalho Ctrl + Enter ou ⌘ + Enter para parar a roda imediatamente e ver o resultado.

A roda gira de forma completamente aleatória e é realmente muito fácil de usar.

Primeiro, vamos ver a configuração básica necessária para usar a roda. Depois, abordaremos outras configurações que tendem a modificar a aparência ou outros recursos da roda, como tamanho da fonte, cores, velocidade de rotação, mas também como salvar suas configurações para que você sempre as tenha à mão.

Configurações básicas para uso normal ⚙️

Como adicionar números à roda e girar para um resultado aleatório

Esta é realmente a única configuração necessária, todo o resto é completamente opcional e apenas se você quiser personalizar a roda.

Primeiro, você precisa colocar os números dos quais deseja gerar resultados aleatórios na roda. Você faz isso na aba, que pode ser encontrada à direita da roda ou abaixo dela, dependendo do tamanho da sua tela:

No topo, você vê a opção para adicionar números DE ATÉ. Aqui você insere o intervalo de números que serão automaticamente inseridos na roda.

Em seguida, no campo de intervalo, insira a diferença entre cada número sucessivo (ou quanto maior será cada número sucessivo). Por exemplo, se você selecionar MÍN 1, MÁX 9 e Intervalo 2, os números 1, 3, 5, 7 e 9 estarão na roda. Intervalo 1 significa que os números irão em sequência.

O campo Adicionar Números permite que você adicione mais números individuais. Separe-os com uma vírgula e eles serão automaticamente adicionados à roda. Da mesma forma, você pode remover números individuais da roda. Insira-os da mesma forma, ou seja, separados por uma vírgula.

Os números omitidos têm prioridade sobre os números adicionados, então se você inserir o mesmo número em ambos os campos, esse número não estará presente na roda.

No campo de Números Máximos, você pode especificar o número máximo de números que aparecerão no gerador de números. Não é tão importante, mas se você acidentalmente digitar um número enorme no intervalo de números, isso pode desacelerar seu dispositivo de forma bastante dramática. As 1000 entradas predefinidas provavelmente serão suficientes para fins normais, mas você pode alterar esse número se precisar.

Bem, isso é praticamente tudo. Depois de inserir os itens, basta clicar no botão abaixo da roda e aguardar um resultado aleatório!

Se você quiser parar a roda mais cedo, pode usar o botão “PARAR”, que interromperá a roda e avaliará o resultado imediatamente. Então, se você quiser escolher o resultado por conta própria, mesmo que não aleatoriamente, esta é uma opção interessante.

Excluir ou mover itens na roda

Se você adicionou algum número que não deseja na roda, use a caixa logo abaixo da caixa de adição:

Neste campo, você encontrará todos os itens atualmente adicionados na roda da fortuna. À direita, você encontrará os botões de controle. Um X vermelho excluirá o item. As setas para cima e para baixo os substituem pelos itens acima/abaixo.

Você também pode arrastar e soltar para mudar a ordem. Ou seja, pegue um item com o botão esquerdo do mouse e mova-o para qualquer lugar na matriz de itens. Funciona da mesma forma em telas sensíveis ao toque, onde você primeiro segura um item por um longo tempo e depois o arrasta com o dedo.

Isso pode ser útil se você quiser mudar a ordem ou talvez as cores.

Abaixo do campo, você encontrará botões para embaralhar a ordem, limpar tudo ou restaurar os dados originais na roda, para que a roda seja restaurada ao estado original como quando a página foi carregada pela primeira vez.

Outras configurações para alterar as cores e outras propriedades da roda

Essas configurações não são tão importantes, mas você pode usá-las facilmente para personalizar sua roda. Isso inclui tamanho da fonte, paleta de cores, tempo de rotação e outras pequenas coisas.

Você encontrará as configurações por tamanho de tela logo abaixo da roda, e em telas menores abaixo da caixa de elementos.

Clique para abrir as configurações.

Dependendo do tamanho da tela, você encontrará as seções principais de configurações à esquerda ou no topo.

Clique em uma seção para abri-la e então você pode modificar tudo na roda em tempo real.

Mudar a cor da roda – paletas predefinidas e personalizadas

Na seção de rodas predefinidas, você pode escolher diferentes paletas dependendo do tema. Se você gostaria de adicionar uma predefinição, sinta-se à vontade para entrar em contato, adicionaremos a paleta sem problemas 😊

Se você quiser selecionar uma paleta diretamente na roda, basta clicar nela e as cores na roda serão atualizadas imediatamente.

Na segunda seção, você tem a opção de criar suas próprias paletas de cores. Você pode criar sua própria paleta do zero ou editar uma já feita.

Você pode inserir uma paleta pronta em suas próprias paletas clicando no botão abaixo da paleta:

O botão com a última paleta inserida permanecerá roxo para mantê-lo informado.

Depois, vá para a seção Cores Personalizadas da Roda, que também será marcada com um ponto vermelho para avisá-lo para procurar aqui. A paleta selecionada será copiada bem aqui, onde você pode editá-la ao seu gosto.

Basta clicar na paleta para selecionar sua própria paleta e aplicar as cores na roda. Dependendo do tamanho da sua tela, você a encontrará fixada à esquerda ou na parte inferior da seção de paletas personalizadas.

Nesta seção, você precisa inserir as cores em um formato que o navegador entenda, ou seja, o tipo de formato que você inseriria como CSS. Não se preocupe, não é um grande problema.

Basicamente, você tem a opção de inserir nomes de cores predefinidos (você pode encontrá-los no link acima), código hex ou RGB.

Você também pode facilmente selecionar uma cor do seletor abaixo do campo:

Simplesmente clique no seletor e escolha sua cor. Esta é uma funcionalidade embutida do seu navegador, então pode parecer um pouco diferente dependendo do seu dispositivo.

Semelhante à inserção de itens na roda, você também pode inserir cores em massa, significando uma cor por linha.

Você pode então encontrar todas as cores inseridas abaixo, que você pode editar da mesma forma que para a caixa de itens, ou seja, excluir cores ou mudar sua ordem clicando ou arrastando o mouse.

Tempo de rotação da roda e velocidade de rotação lenta

Na próxima seção do menu, você pode definir quanto tempo a roda girará após você girá-la. Se você definir para 0, a roda nem girará e apenas mostrará um resultado aleatório.

Basta inserir o número de segundos na caixa, que então corresponde ao tempo entre pressionar o botão para girar a roda e o resultado ser exibido. Você também pode adicionar um ponto decimal.

Se você quiser mudar um pouco a função da roda e selecionar os resultados você mesmo, você pode definir, por exemplo, 300 segundos e então parar a roda com o botão de parada, que também avalia o resultado imediatamente.

Mais abaixo você encontrará um controle deslizante para uma roda de rotação lenta que começará quando você fizer ajustes na roda ou mesmo quando a página carregar. Esta é apenas uma pequena funcionalidade extra que não muda realmente a operação, mas apenas impede que a roda pare completamente 😊

Se você quiser parar a rotação lenta, basta deslizar o controle totalmente para a esquerda. Você pode acelerá-la deslizando para a direita.

Cor e tamanho da fonte na roda

O tamanho da fonte na roda é calculado automaticamente de acordo com o número de itens inseridos. Então, em teoria, você não precisa fazer nada e o tamanho da fonte deve corresponder (a fonte tem um mínimo fixo, então se você inserir mil itens, a fonte provavelmente não será ideal, mas para a maioria dos usos, o cálculo automático é suficiente).

Alterando o tamanho da fonte

Se você quiser mudar o tamanho da fonte para o seu próprio, você pode fazer isso nesta seção:

Primeiro, você precisa clicar no botão que diz que você quer forçar o tamanho da fonte. Se você clicar, ele redimensionará automaticamente em tempo real de acordo com suas configurações. Você pode encontrar isso um pouco mais abaixo, onde pode mover o controle deslizante ou definir o tamanho em pixels.

Se você quiser iniciar o cálculo automático novamente, basta clicar no botão e a roda voltará ao tamanho de fonte anterior.

Mudar a cor da fonte

Nesta seção, você também pode mudar a cor da fonte. A cor da fonte muda automaticamente para preto ou branco dependendo do contraste do fundo, o que pode ser visto claramente na imagem com uma grande variedade de cores na roda:

Sem essa funcionalidade, as diferentes paletas pareceriam bastante feias, e algumas fontes simplesmente seriam ilegíveis.

No entanto, você também pode mudar a cor da fonte você mesmo se não lhe agradar, para qualquer cor que desejar.

Primeiro, você precisa clicar no botão para forçar sua própria cor de fonte:

Logo abaixo, defina a cor da fonte novamente via formato de cor CSS ou do seletor. A cor da fonte é ajustada instantaneamente diretamente na roda.

Ajustando a cor e o tamanho da roda central

A roda central é essencialmente um elemento de design puro e não tem efeito na função da roda. No entanto, você ainda tem a opção de ajustar sua cor, tamanho ou largura, e a cor de seu contorno para realmente tornar a roda sua.

Nas configurações, basta mover os controles deslizantes para tornar a roda e o contorno maiores/menores, e como nas outras configurações, selecionar a cor.

Salvar no navegador e importar/exportar

Nas configurações, você também encontrará a opção de salvar as configurações atuais e os itens na roda, que serão carregados quando a página for recarregada.

Como salvar configurações da roda no seu navegador

Clique no botão de salvar e as configurações são salvas diretamente no seu navegador, então você não as carrega em nenhum lugar e nós não temos acesso a elas.

Quando você recarregar a página, as configurações permanecerão e você poderá continuar. Isso é útil quando você personaliza a roda e os itens nela diretamente ao seu gosto e não quer configurá-la novamente.

Nota que as configurações são salvas apenas para a roda na página em que você está. Porque há diferentes configurações para diferentes tipos de rodas e diferentes maneiras de adicionar itens, você não pode transferir essas configurações para outra roda.

Como deletar configurações da roda

O próximo botão, por outro lado, deleta a gravação do seu navegador. Para retornar a roda ao seu estado original, basta recarregar a página.

Deletar as configurações se aplica apenas àquela roda. Deletar as configurações de uma determinada roda não apagará quaisquer outras configurações de outras rodas.

Importando e exportando configurações

Se você quiser transferir itens e configurações da roda para outro dispositivo ou navegador, ou se quiser ter várias predefinições diferentes sem ter que configurar e copiar tudo o tempo todo, você pode usar a função de importação e exportação.

Primeiro, exporte as configurações, que serão baixadas para um arquivo. Salve este arquivo em algum lugar.

Para importar/transferir para outro dispositivo/navegador, então selecione este arquivo um pouco mais abaixo clicando no botão e importe as configurações.

Nota que esta importação apenas reconstruirá a roda de acordo com as configurações no arquivo, mas não a salvará de nenhuma outra forma. Se você deseja salvar essas configurações no navegador, ainda precisa salvar tudo com o botão de salvar no navegador.