Deixe a sorte decidir suas atividades 🎲

Não consegue decidir o que quer fazer? Por que não deixar a roda da fortuna decidir suas atividades? Escolha entre atividades já adicionadas ou adicione as suas próprias. Gire e faça o que a sorte (ou azar?) escolheu para você. 🍀

Se você quer adicionar um pouco de aleatoriedade e diversão à sua tomada de decisão, esta roda da fortuna é perfeita para você. 🎡

Como usar o ChoosyWheel

Tudo é realmente muito simples. Adicione quaisquer atividades à roda e gire usando o botão no centro da roda. Você também pode usar o atalho Ctrl + Enter, ou ⌘ + Enter e esperar pelo resultado do giro. Durante o giro, você pode parar a roda imediatamente com o mesmo atalho Ctrl + Enter ou ⌘ + Enter e ver o resultado instantaneamente com base em onde a roda estava. 🔄

Primeiro, vamos ver as configurações básicas necessárias para usar a roda. Depois, discutiremos configurações adicionais que ajustam principalmente a aparência ou outras propriedades da roda, como tamanho da fonte, cores, velocidade de giro, e também como salvar suas configurações para que você sempre as tenha à mão. ⚙️

Configurações básicas para uso regular

Como adicionar itens à roda e girar para um resultado aleatório

Esta roda pré-preparada requer apenas um clique no botão para girar a roda quando a página carrega. Você não precisa fazer mais nada porque todos os estados já estão adicionados à roda. Apenas gire e deixe a sorte selecionar um dos estados. 🎯

Se você quiser modificar os estados dos EUA e talvez remover alguns, você pode usar a aba, que você encontrará à direita da roda ou abaixo dela, dependendo do tamanho da sua tela:

Para adicionar ou remover todas as atividades, clique no botão “Todas as Atividades“. Isso adiciona tudo pré-definido à lista e à roda. Clicar no botão novamente removerá todas as atividades. 🔄

Abaixo deste botão, você encontrará uma lista de todas as atividades com opções de filtragem. Clicar em uma atividade específica a adicionará à roda, e clicar novamente a removerá. 🔍

Se você quiser remover algumas específicas, é melhor adicionar todas com o botão grande e depois remover aquelas que você não quer. ❌

Por outro lado, se você quiser apenas algumas específicas na roda, remova todas com o botão grande e depois selecione individualmente aquelas que você quer na roda. ✔️

Se estiver faltando alguma atividade, use o campo “Adicionar Item Personalizado“. Basta digitar o que você quer, clicar no botão Adicionar ou pressionar Enter. A atividade será adicionada ao final da lista acima. Você pode adicioná-la/removê-la como outras atividades, mas também encontrará um botão ao lado para remoção completa da lista. ➕

Excluindo ou movendo itens na roda

Abaixo, você encontrará os estados atualmente adicionados na roda da fortuna:

À direita, você encontrará botões de controle. O X vermelho exclui o item, o que também desmarca a atividade no campo acima. Para adicioná-lo de volta, você precisa marcar a atividade novamente. ❌

As setas para cima e para baixo trocam o item com os itens acima/abaixo. 🔼🔽

Você também pode mudar a ordem usando a função de arrastar e soltar. Pegue um item com o botão esquerdo do mouse e mova-o para qualquer lugar no campo de itens. Isso também funciona em telas sensíveis ao toque, onde você primeiro segura o dedo no item e depois 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 aleatoriamente a ordem, limpar tudo ou restaurar os dados originais na roda, retornando-a ao seu 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.