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

Este game roda direto no navegador, sem instalar nada, e funciona no teclado e no toque do celular. Use em telas de espera, páginas 404 ou ações de marca, e veja como a FlowCore cuida de desempenho e responsividade até nos detalhes.

Como jogar

Como instalar

  1. 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
  2. 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.
  3. Use na sua página
    import Blocos from "./components/Blocos";

<Blocos accent="#0057FF" modo="B" alturaLixo={8} />
  4. 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

A FlowCore Soluções desenvolve sistemas sob medida para empresas. Se você precisa desta funcionalidade dentro do sistema da sua empresa, integrada ao que já funciona, o diagnóstico é gratuito e o escopo sai em até 24 horas. Desenvolvimento de sistemas sob medida

Perguntas rápidas

Posso usar em projeto comercial?

Sim. A licença MIT permite usar, modificar e distribuir, inclusive em projeto comercial, mantendo o aviso de licença no código.

Precisa de cadastro?

Não. O código está na página e no repositório público do GitHub, sem cadastro e sem cartão.

Mais em Games rápidos