Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/renan1102/yu-gi-oh-jo-ken-po
- Owner: Renan1102
- Created: 2024-10-15T23:33:08.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-05T21:42:19.000Z (12 days ago)
- Last Synced: 2024-11-05T22:33:47.387Z (12 days ago)
- Topics: css3, html5, javascript, refactoring
- Language: CSS
- Homepage: https://renan1102.github.io/Yu-Gi-Oh-Jo-ken-po/
- Size: 5.28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
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)