Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pablwoaraujo/yugioh-jokenpo-edition

Desafio DIO - Criando um Jogo de Cartas do Yu-Gi-Oh! com JavaScript e CSS
https://github.com/pablwoaraujo/yugioh-jokenpo-edition

css3 dio-bootcamp game-development html5 javascript jokenpo yugioh

Last synced: about 2 months ago
JSON representation

Desafio DIO - Criando um Jogo de Cartas do Yu-Gi-Oh! com JavaScript e CSS

Awesome Lists containing this project

README

        

# yugioh-jokenpo-edition

> Desafio DIO - Criando um Jogo de Cartas do Yu-Gi-Oh! com JavaScript e CSS

## 📋 Índice

- [📖 Sobre](#-Sobre)
- [🚀 Tecnologias utilizadas](#-Tecnologias-utilizadas)
- [🖥 Preview](#-Preview)
- [📌 Créditos](#-Créditos)

## 📖 Sobre

Projeto desenvolvido durante o Bootcamp [Potência Tech iFood - Desenvolvimento de Jogos](https://web.dio.me/track/potencia-tech-ifood-desenvolvimento-de-jogos) com o professor [Felipe Aguiar](https://github.com/felipeAguiarCode). O objetivo desse projeto é desenvolver um versão do tracional jogo "Pedra, Papel e Tesoura" com inspiração na temática de Yu-Gi-Oh, utilizando apenas HTML, CSS e Javascript.

O jogo funciona de maneira simples, o jogador seleciona a carta que deseja jogar e tenta a sorte. No jogo, há três tipos distintos de cartas:



Dark Magician | Pedra


Carta Dragão Branco de olhos azuis


Blue Eyes White Dragon | Papel


Carta Dragão Branco de olhos azuis


Exodia | Tesoura


Carta Dragão Branco de olhos azuis



Após a escolha da carta pelo jogador, o computador faz a sua seleção. O resultado é determinado com base nas interações entre as cartas. É importante lembrar que Pedra vence Tesoura, Tesoura vence Papel e Papel vence Pedra.

## 🚀 Tecnologias utilizadas

![AGPL License](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![AGPL License](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![AGPL License](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

## 🖥 Preview:


screenshot do jogo
screenshot do jogo
screenshot do jogo

## 📌 Créditos:

- Os assets utilizados no projeto estão disnponíveis no repositório: [digitalinnovationone/js-yugioh-assets](https://github.com/digitalinnovationone/js-yugioh-assets).
- Também foi utilizado o framework [RPGUI](https://github.com/RonenNess/RPGUI) que fornece uma conjunto de assets no estilo RPG pronto para uso.