Choosy Wheel
Deixe qualquer decisão ao acasoAdicionar itens à roda
Itens atuais na roda
⚙ Mais configurações - clique para abrir
Paletas predefinidas da roda
Aqui você encontra todas as paletas de cores predefinidas. Basta clicar em qualquer paleta e as cores serão trocadas imediatamente na roda.
As configurações de cores originais ao carregar a página podem ser encontradas em Cores Básicas (ou seja, como a primeira paleta).
Embaixo de cada paleta, você também encontrará um botão para transferir as cores da paleta para as cores personalizadas. As cores personalizadas da roda podem ser encontradas no menu desta configuração. As cores adicionadas podem ser editadas/adicionadas/removidas conforme desejar, se alguma cor na paleta não for do seu agrado ou se você quiser alterar a paleta de qualquer forma.
Configurações personalizadas de cores da roda
Configuração personalizada da velocidade de rotação da roda
Duração da rotação da roda (em segundos)
Aqui você controla quanto tempo a roda girará após ser girada. Você pode inserir um número decimal para ajustar a precisão da velocidade. 0 significa exibição imediata do resultado.
0 significa exibição imediata do resultado sem qualquer animação.
Velocidade de rotação lenta
Aqui você pode ajustar a velocidade de rotação lenta da roda. Para parar completamente, mova o controle deslizante totalmente para a esquerda.
Configuração personalizada do tamanho da fonte na roda
Aqui você pode definir o tamanho e a cor da fonte na roda. Isso pode ser útil em algumas paletas, onde a cor branca padrão não é muito adequada. Para mais ou menos opções na roda, pode ser útil aumentar ou diminuir o tamanho da fonte.
Normalmente, ao carregar a página, o tamanho da fonte é definido como 16 e a cor é branca, mas diferentes rodas podem ter configurações originais diferentes. (Tipicamente, você pode definir a cor como "white" sem aspas, ou limpar o campo de cor).
O tamanho da fonte é calculado automaticamente para qualquer outra alteração na roda, como adicionar/remover itens, mudar cores, etc. Aqui você pode definir que o tamanho da fonte não será mais calculado automaticamente, mas você pode defini-lo.
Tamanho da fonte em px
Configuração personalizada da cor da fonte na roda
Valor de cor CSS
ou você pode escolher da paleta:
Configuração personalizada do tamanho do centro da roda
Aqui você pode ajustar o tamanho do centro da roda, tanto o tamanho quanto a cor da roda, mas também o contorno. O tamanho padrão é 30 e a cor "white", com o contorno "black" e 1.
Tamanho da roda central
Valor de cor CSS
ou você pode escolher da paleta:
Largura do contorno da roda central
Valor de cor CSS
Salvar configurações ou importar/exportar de arquivo
Clicando no botão, as configurações atuais serão salvas no seu navegador. Mesmo após atualizar a página, todos os itens, cores ou qualquer outra coisa que você configurou devem aparecer. Atenção, esta configuração é válida apenas para esta roda. Se você for para outra página com outra roda, esta configuração não será transferida.
Este botão apaga as configurações do navegador para a roda nesta página. Após apagar as configurações, atualize esta página no navegador e a roda será carregada com as configurações padrão, ou seja, sem quaisquer alterações suas. Novamente, a exclusão das configurações é válida apenas para esta roda. Apagar as configurações desta roda não apaga as configurações de nenhuma outra página ou roda.
Aqui você pode salvar as configurações atuais da roda em um arquivo. Isso é útil para transferir para outro dispositivo ou simplesmente como backup.
Aqui você pode carregar as configurações novamente usando o arquivo que você criou acima:
📝Conteúdo
ChoosyWheel.com – crie sua roda e deixe o acaso decidir 🎡
ChoosyWheel oferece a você a oportunidade de selecionar resultados aleatórios que você mesmo insere na roda de uma forma divertida. 🎲
Você pode usar a roda para quase tudo onde precise de algum elemento de sorte. É adequada para vários sorteios, quizzes, competições, mas também como um jogo em sala de aula ou para diversão.
Você pode praticamente sempre criar suas próprias rodas, ou até encontrar várias já prontas. Se desejar adicionar qualquer roda ou recurso, entre em contato conosco, e se possível, prepararemos uma nova roda para você! 🎯
Como usar o ChoosyWheel
Tudo é realmente muito simples. Primeiro, adicione os itens a serem selecionados na roda, Gire clicando no botão na roda ou pressionando Ctrl + Enter (ou ⌘ + Enter), e aguarde o resultado da rotação. Você também pode pressionar Ctrl + Enter / ⌘ + Enter novamente, ou Escape para avaliar o resultado no ponto onde a roda para. 🔄
A roda gira completamente aleatoriamente e é realmente muito fácil de usar.
Primeiro, vamos ver a configuração básica necessária para usar a roda. Depois, passaremos por 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 itens à roda e girar para um resultado aleatório
Esta é realmente a única configuração necessária, tudo o mais é completamente opcional e apenas se você quiser personalizar a roda.
Primeiro, você precisa colocar os itens dos quais deseja selecionar aleatoriamente na roda. Você faz isso na aba, que pode ser encontrada à direita da roda ou abaixo dela, dependendo do tamanho da sua tela:

Você pode inserir itens individualmente digitando um item no campo superior e clicando no botão abaixo dele, ou pressionando Enter.
Para adicionar em massa, use a caixa logo abaixo. Digite um item em cada linha e depois clique no botão. Dessa forma, você pode facilmente copiar e colar itens de qualquer lista, planilha do Excel, site ou onde quiser. Você pode facilmente colá-los em massa dessa forma sem precisar clicar em tudo individualmente.
E é isso. Depois de inserir os itens, basta clicar no botão abaixo da roda e esperar pelo resultado aleatório!
Se quiser parar a roda mais cedo, você pode usar o botão laranja “PARAR RODA”, que irá parar 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 legal. 🛑
Excluir ou mover itens na roda
Se você adicionou algum item à roda que não deseja, use a caixa logo abaixo dos campos 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 por um tempo em um item 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.