Ganhador de sorteio animado

Descrição

O bloco Ganhador de sorteio animado permite que você crie experiências de sorteio envolventes em seu site WordPress. Com animações suaves e efeitos visuais empolgantes, este bloco é perfeito para promoções, eventos, concursos e qualquer situação que exija a seleção de números aleatórios.

Recursos principais:

  • Defina um intervalo personalizado de números (inicial e final)
  • Animação de rolagem dos números por cinco segundos antes de revelar o resultado
  • Exibição em destaque do número sorteado
  • Animação com fogos de artifício para celebrar o resultado
  • Interface simples e intuitiva
  • Totalmente responsivo

Como usar:

  1. Adicione o bloco Ganhador de sorteio animado ao seu conteúdo
  2. Configure o número inicial no painel de configurações
  3. Configure o número final no painel de configurações
  4. Publique ou pré-visualize a página.
  5. Clique no botão Sortear para iniciar o sorteio!

O bloco é perfeito para:
– Sorteios em eventos e promoções
– Seleção aleatória de participantes
– Atividades e jogos interativos
– Demonstração educacional sobre aleatoriedade
– Qualquer outra finalidade que precise de seleção aleatória de números com impacto visual

Código fonte & instruções de construção

O código fonte de desenvolvimento e ferramentas de construção deste plugin são mantidos publicamente no GitHub:
https://github.com/RafaelFunchal/animated-raffle-winner

O código fonte também está disponível na pasta src/ neste pacote de distribuição.

Para construir o plugin da fonte:
1. Confirme que você tenha Node.js e npm instalados.
2. Instale as dependências: npm install
3. Construa os arquivos: npm run build

Capturas de tela

Blocos

Este plugin disponibiliza 1 bloco.

  • Animated Raffle Winner Create interactive raffles with number animation and fireworks

Instalação

  1. Envie os arquivos do plugin para a pasta /wp-content/plugins/animated-raffle-winner ou instale o plugin diretamente na tela de plugins do WordPress
  2. Ative o plugin na tela Plugins no WordPress
  3. Adicione o bloco Ganhador animado de sorteio a qualquer página ou post usando o editor de blocos

Perguntas frequentes

Como eu configuro o intervalo de números?

No editor de blocos, selecione o bloco Ganhador de sorteio animado. Na barra lateral direita (inspetor), você encontrará dois campos: Número inicial e Número final. Informe os valores desejados.

Posso usar números negativos?

Sim, o bloco aceita qualquer número, incluindo números negativos.

A animação funciona em dispositivos móveis?

Sim, o bloco é totalmente responsivo e funciona perfeitamente em celulares e tablets.

Posso personalizar a duração da animação?

No momento, a animação tem uma duração fixa de cinco segundos para garantir uma experiência consistente.

O bloco é realmente aleatório?

Sim, o plugin usa a função Math.random() do JavaScript, o que gera números pseudo-aleatórios compatíveis com a maioria dos sorteios.

Avaliações

Não há avaliações para este plugin.

Colaboradores e desenvolvedores

“Ganhador de sorteio animado” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.

Colaboradores

Ganhador de sorteio animado” foi traduzido para 1 localidade. Agradecemos aos tradutores por suas contribuições.

Traduzir o “Ganhador de sorteio animado” para seu idioma.

Interessado no desenvolvimento?

Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.

Registro de alterações

1.0

  • Adicionada seleção de imagem de plano de fundo da biblioteca de mídias
  • Adicionado controle de opacidade (0-100) da sobreposição do plano de fundo.
  • Adicionados tamanhos de texto pré-definidos (Muito pequeno, Pequeno, Médio, Grande e Muito grande)
  • O botão na interface foi atualizado para ¨Sortear novamente¨ após cada resultado
  • Melhorias de acessibilidade adicionadas: anúncios de resultado ao vivo e suporte a redução de movimento
  • Adicionado sair da tela cheia com tecla Escape e parada automática da celebração

0.1.0

  • Lançamento inicial
  • Sorteio com intervalo configurável
  • Animação de cinco segundos
  • Celebração com fogos de artifício
  • Interface responsiva