MARKETPLACE
PLUGINS
ROLETA COMPLETA COM EFEITOS DE SOM
Roleta Completa com efeitos de som logo

Roleta Completa com efeitos de som

Published January 2026
   •    Updated April 2026

Plugin details

A Roleta Br é a solução definitiva para sorteios, gamificação e promoções interativas no seu aplicativo Bubble.io. Totalmente responsiva e ultra-customizável, ela permite que você crie experiências únicas para seus usuários com controle total sobre o design e o resultado. Página de demonstração: https://roletabr.bubbleapps.io/version-test

🌟 Principais Funcionalidades


Customização Total: Altere cores, bordas, fontes, tamanhos e o indicador (ponteiro) diretamente no editor.


Controle de Resultado: Decida qual prêmio deve sair via Workflow (ideal para controle de estoque ou lógica de negócios).


Animação Profissional: Efeito de giro suave com desaceleração realista (Easing Out).


Intensidade Ajustável: Escolha quantas voltas a roleta deve dar para criar o suspense perfeito.


Estados em Tempo Real: Capture o nome e o índice do vencedor instantaneamente após o giro.

atualização: Adicionado efeitos de som

Free

For everyone

5.0 stars   •   1 ratings
6 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Carlos Rubens logo
Carlos Rubens
Joined 2022   •   1 Plugin
View contributor profile

Instructions

🚀 Instruções de Uso
1. Configuração Inicial

1.
Arraste o elemento Roleta Br para sua página.

2.
No painel de propriedades, preencha o campo Labels com seus prêmios separados por vírgula (ex: 10% OFF, Grátis, Tente de Novo).

3.
No campo Colors, coloque as cores hexadecimais correspondentes (ex: #FF5733, #33FF57, #3357FF).

4.
Ajuste o Tamanho da Roleta e as opções de borda e fonte conforme o design do seu app.

2. Como Girar a Roleta

A roleta é disparada através de um Workflow:

1.
Crie um botão no seu app.

2.
No Workflow do botão, adicione a ação: Element Actions > Roleta Br - Girar.

3.
Configure a Duração (ex: 5000 para 5 segundos) e a Quantidade de Voltas (ex: 10 para um giro padrão ou 50 para algo mais intenso).

3. Controlando o Resultado

Para garantir que um prêmio específico seja sorteado:

1.
Na ação Girar, preencha o campo Índice do Resultado.

2.
O índice começa em 0 (primeiro prêmio da sua lista).

3.
Se deixado vazio, a roleta escolherá um vencedor aleatoriamente.

4. Capturando o Vencedor

Para realizar uma ação após o sorteio (como mostrar um alerta ou salvar no banco de dados):

1.
Crie um novo Workflow com o evento: Elements > A Roleta Br - Spin Completed.

2.
Use o estado do elemento Roleta Br's Result Label para obter o nome do prêmio sorteado.




Dica: Para uma melhor experiência visual, certifique-se de que o número de cores fornecido seja igual ao número de prêmios.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   Data (things)   •   Ecommerce   •   Social Network   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Muito bom era oq eu procurava uma roleta totalmente configurável
January 9th, 2026
obrigado
Fico feliz pelo feedback, qualquer estou a disposição (plugin author)
January 9th, 2026
  •  
Carlos Rubens
Bubble