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
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