Jogos em React Native
Este repositório contém alguns jogos de exemplo criados com React Native. São projetos simples para demonstrar como construir jogos cross-platform com React Native.
início
Jogos
Jogo Da Velha
Este é um jogo da velha simples
Funcionalidades
- Tabuleiro 3x3
- Dois jogadores: X e O
- Os jogadores se alternam para marcar as posições
- O jogo detecta quando há um ganhador ou um empate
- Reinicia o jogo automaticamente
Telas
O jogo possui uma tela simples com o tabuleiro e os botões para reiniciar.
Possíveis melhorias
- Adicionar um placar
- Permitir jogar contra o computador com IA
- Animações nos movimentos
- Tela de configurações
Confira o projeto neste Snack: https://snack.expo.dev/@cry199/26dd9a
Arquivo do Projeto
TOP (￣y▽,￣)╭
Jogo da Forca
Jogo da forca simples.
Funcionalidades
- Gera uma palavra aleatória para o usuário adivinhar
- Permite que o usuário insira apenas 1 letra por vez
- A cada letra errada, é desenhada uma parte do boneco na forca
- O jogo termina quando o usuário acerta a palavra ou o boneco na forca é completado
- Reinicia o jogo automaticamente
Telas
O jogo possui uma tela simples com a forca, os traços da palavra secreta, as letras já utilizadas e o campo para inserir a próxima letra.
Possíveis melhorias
- Banco de palavras maior
- Adicionar categorias de palavras
- Animação ao desenhar o boneco na forca
- Salvar recordes do usuário
- Compartilhar resultado nas redes sociais
Confira o projeto neste Snack: https://snack.expo.dev/@cry199/634c88]
Arquivo do Projeto
TOP (￣y▽,￣)╭
Jogo Da Memoria
Jogo da memória clássico.
Funcionalidades
- Tabuleiro com cartas viradas para baixo
- O jogador vira 2 cartas por vez para encontrar os pares
- As cartas viradas permanecem descobertas caso sejam um par
- O jogo termina quando todas as cartas são descobertas
- Reinicia o jogo automaticamente
Telas
O jogo possui uma tela simples com o tabuleiro.
Possíveis melhorias
- Animações ao virar as cartas
- Temas diferentes de cartas
- Dificuldades com mais cartas
- Tela de configurações
- Placar online
Confira o projeto neste Snack: https://snack.expo.dev/@cry199/88eed4
Arquivo do Projeto
TOP (￣y▽,￣)╭
Puzzle
Jogo de quebra-cabeça simples desenvolvido.
Funcionalidades
- Tabuleiro com peças embaralhadas
- O jogador move as peças para reconstituir a imagem original
- As peças se movem para a posição vazia
- O jogo é finalizado quando a imagem é reconstituída
- Opção de embaralhar novamente as peças
Telas
O jogo possui uma tela simples com o tabuleiro de peças.
Possíveis melhorias
- Mais quebra-cabeças e imagens
- Diferentes níveis de dificuldade
- Animações ao mover as peças
- Seleção de imagem da galeria
- Placar online
Confira o projeto neste Snack: https://snack.expo.dev/@cry199/a737a8
Arquivo do Projeto
TOP (￣y▽,￣)╭
Whac-A-Mole
Jogo Whac-A-Mole clássico desenvolvido.
Funcionalidades
- Tabuleiro com buracos onde os personagens podem aparecer
- Os personagens aparecem de forma aleatória nos buracos
- O jogador deve tocar nos personagens para marcar pontos
- Quanto mais rápido o jogador tocar, mais pontos ele ganha
- Placar com pontuação atual
- Reinicia o jogo automaticamente
Telas
O jogo possui uma tela simples com o tabuleiro e o placar.
Possíveis melhorias
- Sons e efeitos sonoros
- Animações nos personagens
- Mais personagens e níveis
- Placar online
- Tela de configurações
Confira o projeto neste Snack: https://snack.expo.dev/@cry199/ae5764
Arquivo do Projeto
TOP (￣y▽,￣)╭
Flappy Bird
Clone do clássico Flappy Bird.
Funcionalidades
- O jogador controla um pássaro que deve passar entre os canos
- A cada cano ultrapassado, o jogador pontua
- O pássaro cai naturalmente e deve ser mantido no ar com toques na tela
- Quando o pássaro bate em um cano, o jogo acaba
- Placar com a pontuação atual
- Reinicia o jogo automaticamente
Telas
O jogo possui uma tela simples com o pássaro, canos e placar.
Possíveis melhorias
- Animações e sons
- Mais obstáculos
- Modos de jogo infinito e por tempo
- Placar online
- Tela de configurações
Confira neste Snack tem apenas a lógica: https://snack.expo.dev/@cry199/a6897e
Confira neste Snack Final: https://snack.expo.dev/@cry199/b6167e
Arquivo do Projeto
TOP (￣y▽,￣)╭
Campo Minado
Em progresso
(❁´◡`❁)
Jogo da Cobrinha
Um clássico jogo da cobrinha.
Funcionalidades
- A cobra inicia com um tamanho mínimo
- Ao comer o alimento, a cobra aumenta de tamanho
- O jogador controla a direção da cobrinha usando o teclado
- A cobrinha não pode bater nas bordas da tela ou em si mesma
- Reinicia o jogo automaticamente ao colidir
Telas
O jogo possui uma tela simples mostrando a cobrinha, a comida.
Possíveis melhorias
- Animações e sons
- Tema visual diferente
- Modo duas cobrinhas
- Placar online
- Controles por toque
Confira o projeto neste Snack: https://snack.expo.dev/@cry199/3e5321
Arquivo do Projeto
TOP (￣y▽,￣)╭
Slot Machine
Em progresso
(❁´◡`❁)
Tetris
Em progresso
(❁´◡`❁)
Jogo Do TRex
Recriação do jogo do dinossauro do Google Chrome
Funcionalidades
- O jogador controla um dinossauro que deve desviar de cactos
- Ao pular os cactos
- O dinossauro corre infinitamente para a frente
- O jogo acaba se o dinossauro bater em um cacto
- Placar com a pontuação atual Em progresso (●'◡'●)
- Reinicia o jogo automaticamente ao colidir
Tela
O jogo possui uma tela simples com o dinossauro correndo e os cactos.
Possíveis melhorias
- Animações e sons
- Obstáculos aleatórios
- Modo noturno
- Ranking online
- Tela de configurações
Confira neste Snack tem apenas a lógica: https://snack.expo.dev/@cry199/186cde
Confira neste Snack Final: Em progresso (❁´◡`❁)
Arquivo do Projeto
TOP (￣y▽,￣)╭
Como executar
Para testar os jogos, clone este repositório:
git clone https://github.com/Cry199/React-Native-Jogos.git
Instale as dependências em cada pasta de projeto:
npm install
Execute em um emulador ou dispositivo:
expo start
expo start --android
ou
npx react-native run-android
npx react-native run-ios
Agradecimentos
Bibliotecas
Este projeto utiliza as seguintes bibliotecas:
Algumas bibliotecas que podem ser úteis para jogos mais avançados:
Veja os arquivos package.json em cada projeto para ver exatamente quais bibliotecas estão sendo usadas.
Créditos
Criado por Cry199 como material de estudo.