Games · Games rápidos
Dino Runner
Corrida infinita no estilo do dinossauro do navegador offline: pule cactos, abaixe dos pássaros e sobreviva ao ciclo de dia e noite. Perfeito pra loadings longos.
Runner · Loading · Pixel art · 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
- Espaço ↑ pular (segure para mais alto)
- ↓ abaixar / cair mais rápido
- P pausar
- No celular: Toque na tela para pular; botão para abaixar.
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/DinoRunner.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 DinoRunner from "./components/DinoRunner"; <DinoRunner accent="#0057FF" variacao="Lua" gravidade={1400} /> - 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.