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.

Ver ao vivo, com preview e manual: https://flowcoresolucoes.com.br/codigos/game-dino-runner

Criado por FlowCore Soluções LTDA.

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.

Arquivos

• src/DinoRunner.tsx

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/DinoRunner.tsx Copie o conteúdo de src/DinoRunner.tsx deste repositório. Ele é um arquivo só, sem dependência além de React.

3. Use na sua página

   import DinoRunner from "./components/DinoRunner";
   
   <DinoRunner accent="#0057FF" variacao="Lua" gravidade={1400} />

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.

Tema e cor

Abre em tema claro. Use tema="escuro" para o escuro e accent para a cor de destaque:

<DinoRunner accent="#0057FF" variacao="Lua" gravidade={1400} />

Licença

MIT. Pode usar em projeto pessoal ou comercial, de graça. A única condição é manter a linha “Criado por FlowCore Soluções LTDA” (ou o crédito de adaptação) onde ela está.

---

Precisa disso integrado no seu sistema? A FlowCore desenvolve sob medida.