Games · Games rápidos
Estoura Balões
Mire, atire e junte três ou mais bolhas da mesma cor no estilo dos clássicos de bolhas, com teto que desce a cada rodada. Ideal pra ativações de marca e totens.
Puzzle · Casual · Ativação · Licença MIT · Criado por FlowCore Soluções LTDA
Como jogar
- Mouse mirar e clicar para atirar
- ← → girar a mira
- Espaço atirar
- C trocar a bolha
- P pausar
- No celular: Arraste o dedo para mirar e solte para atirar.
Como instalar
- Tenha um projeto React com Tailwind Já tem (Vite, Next.js, Remix)? Pule este passo. Se não, crie um em 1 minuto e adicione ./src/**/*.{ts,tsx} ao content do tailwind.config.
npm create vite@latest minha-app -- --template react-ts cd minha-app npm install -D tailwindcss@3 postcss autoprefixer npx tailwindcss init -p
- Crie o arquivo src/components/EstouraBaloes.tsx Cole o código da aba Código. Ele é um arquivo só, sem dependência além de React.
- Use na sua página
import EstouraBaloes from "./components/EstouraBaloes"; <EstouraBaloes accent="#0057FF" cores={5} tirosParaDescer={6} /> - Personalize Textos, dados e a cor de destaque (prop accent) são props com valor padrão. Troque pelos da sua marca ou ligue na sua API.
Código no GitHub · Biblioteca de códigos