Games · Games rápidos
Blocos
Quebra-cabeça de peças que caem no estilo do clássico russo, com peça fantasma, guardar peça, maratona (Game A) e desafio de 25 linhas com lixo (Game B). Prende a atenção em qualquer tela de espera.
Puzzle · Clássico · Tela de espera · Licença MIT · Criado por FlowCore Soluções LTDA
Como jogar
- ← → mover a peça
- ↑ X girar
- Z girar ao contrário
- ↓ descer rápido
- Espaço derrubar
- C guardar peça
- P pausar
- No celular: Botões na tela ou deslize: para o lado move, para baixo derruba, toque gira.
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/Blocos.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 Blocos from "./components/Blocos"; <Blocos accent="#0057FF" modo="B" alturaLixo={8} /> - 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