Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/renan1102/yu-gi-oh-jo-ken-po

Jogo de jokenpo ambientado com a famosa animação Yu-Gi-Oh, criado para explicar e exercitar conceitos de lógica de programação aplicados a jogos
https://github.com/renan1102/yu-gi-oh-jo-ken-po

css3 html5 javascript refactoring

Last synced: 2 days ago
JSON representation

Jogo de jokenpo ambientado com a famosa animação Yu-Gi-Oh, criado para explicar e exercitar conceitos de lógica de programação aplicados a jogos

Awesome Lists containing this project

README

        

# [Yu-Gi-Oh | Jo-ken-po Edition](https://renan1102.github.io/Yu-Gi-Oh-Jo-ken-po/) <- Acesse

Jogo de jokenpo que criado para explicar e exercitar conceitos de lógica de programação aplicados a jogos. Nesse sentido, aplicando e demonstrando habilidades em HTML, CSS e JavaScript, enquanto proporcionava um desafio interessante. Além disso, o jogo serve como um ótimo exemplo de como conceitos básicos de programação e design podem ser usados para criar algo interativo e engajante.

Conceitos abordados:

- Armazenamento e gerenciamento de estado manual
- Funções limpas
- Organização de código

## Tecnologias Utilizadas:

1. **HTML:** Estrutura da aplicação. Utilizado para construir os elementos base do jogo, como botões e áreas de exibição das escolhas dos jogadores e resultados.
2. **CSS:** Estilização do jogo. Responsável por tornar o jogo visualmente atraente, aplicando temas e estilos personalizados que remetem ao universo de Yu-Gi-Oh, além de garantir a responsividade para diferentes dispositivos.
3. **JavaScript:** Lógica do jogo. Implementa a lógica principal do Jokenpô (Pedra, Papel, Tesoura), incluindo a verificação das jogadas, determinação dos vencedores e atualização da interface do usuário com os resultados em tempo real.

## Como jogar:
1. Clone este repositório para sua máquina local.
2. Abra o arquivo index.html em seu navegador web.
3. Os jogadores escolhem suas jogadas (Pedra, Papel ou Tesoura) e competem contra a escolha da máquina, com todos os elementos visualmente inspirados no famoso universo do anime Yu-Gi-Oh.

## Demonstração:
![Captura de tela 2024-11-05 184023](https://github.com/user-attachments/assets/a004560d-4862-44d5-9cad-d8c4d5c02ec4)

![Captura de tela 2024-11-05 184141](https://github.com/user-attachments/assets/b7dd18aa-343b-4762-852a-e654968ed2f5)