Inspiration

Alright skibidies, there's nothing more brainrot than obsessing over your favourite fictional characters and memes, so why not create and consume as much content about them as possible? Angela's first coding project was a VN, and she wanted to revisit a project similar to her first project. The team thought visual novels are games that are great for building immersive emotional, personal, and experiences from stories, resulting in further brainrot. Thus, Pyon Pyon Studio was born!

What it does

Pyon Pyon Studio has two main functions: generating visual novels and playing visual novels. These functions have infinite potential for a cesspool of clownery.

Users will input character information from pre-existing or newly made characters, add various tropes and other narrative elements to the story, and select from a library of backgrounds that are generated by AI. Once done, hit the generate button, and we'll bring you a brand-new visual novel for you to play through.

Users can then load pre-existing games or play their newly generated visual novel. If you can't continue for long because of your goldfish attention span, no problem, save your progress and return to where you left off!

How we built it

Pyon Pyon Studio has four main portions:

  • Game builder front-end, built with: Javascript, React, HTML, CSS
  • Game builder back-end, built with: Python, JSON, MongoDB, Flask API, Stable Diffusion API Visual novel front-end, built with:
  • Javascript, React, HTML, CSS Visual novel back-end, built with:
  • OpenAI API, Python

Challenges we ran into:

  • We couldn't connect MongoDB's servers to host our database for a portion of the time.
  • Designing a JSON file that contains all game data.
  • OpenAI API had a huge learning curve, and prompt engineering was difficult.
  • Portions of the CSS were coded in percentages and pixels, so debugging was difficult.

Accomplishments that we're proud of

Creating wireframes taking those wireframes to build fully functioning full stack projects. Learning how to use three different APIs for this project.

What we learned:

  • The basics of UX/UI design principles for the front-end.
  • Hosting and using a Mongo Database.
  • Implementing an OpenAI API.
  • Using a Kanban board for agile development.
  • JSON file structures.

What's next for Pyon Pyon Studio

This brainrot project will live rent-free in our heads for the next couple of months. Potential future features include:

  • Adding voice-narrated lines for characters.
  • Implementing user login.
  • Giving our mascot a revamp.
  • Hosting this project with a throwaway GitHub account.

Project Tracks:

  • best overall yay :3
  • the headstarter ai/ml prize ($500)
  • most likely meme startup
  • Memenome Best Don Pollo-themed hack
  • (WBUOT) would blow up on tiktok
  • (LAKOG) lowkey actually kind of good
  • (IJAG) I’m Just A Girl (Our team consists of two men and women!)
  • i laughed. (Everyone's been to less than 5 hackathons!)
  • skibidi ai swag
  • build a tool that distracts you when ur trying to be productive
  • the most cutesy pink project

Built With

Share this project:

Updates