Inspiration
As long time YuGiOh fans, we wanted to leverage AI technologies to bring any YuGiOh card idea we wanted to life. Thus, the AI YuGiOh Card Generator was born!
What it does
Our application uses the OpenAI image generation and text classification APIs to create art, effects, and other details for a YuGiOh card based on the card name given by the user, and compile the results for display on our web interface.
How we built it
We built our application by using React, Javascript, HTML, and CSS to create a frontend interface to access the OpenAI APIs and compose the resulting YuGiOh cards.
Challenges we ran into
Our biggest challenges came in the forms of prompt engineering to get the best results we could from the OpenAI API, as well as using CSS to style the generated cards appropriately with all the card details.
Accomplishments that we're proud of
Our biggest achievement is being able to create YuGiOh cards that have realistic effects, details, and artwork, that could be even used in a real game!
What we learned
We learned how to implement APIs into a React project as well as do complex image composition using HTML and CSS.
What's next for AI YuGiOh Card Generator
Next steps for our generator would be to implement generating other types of cards, such as spells, traps, and extra deck monsters!
Built With
- css
- html
- javascript
- openai
- react
Log in or sign up for Devpost to join the conversation.