Build Your Hero Team!

Inspiration

I really enjoy anime and comics, so I wanted to make my project anime-hero based. My Hero Academia (or Boku No Hero Academia) was the perfect example for me to use because it had a huge list of heroes to pick from and also it was high school based (I'm currently a high schooler as well).

What it does

It allows a user to build a 3 member team, not going over and not going under that limit. The user can also look at the strengths and weaknesses for each character before deciding. At the end, there's one of the anime's soundtrack being played in the background and you get to see the matchup of the villains against your team.

How we built it

I spent a long time planning it out on paper, especially the interface part. The code was built with two functions, one list, one variable, one parameter, and a lot of onEvents. I have a total of 15 slides that were created (intro slide, character options slide, end slide, and each individual character slide).

Challenges we ran into

My first main challenge was that I couldn't get my program to run onto the final slide. I figured it out relatively quickly because it was a logic error. The second challenge that took quite a bit of time was figuring out how to input sound. I almost gave up from frustration ahah.

Accomplishments that we're proud of

I am extremely proud of figuring out how to add the sound into my code. I'm also just proud that I got through this Hackathon (it's my first).

What we learned

I learned that the internet can sometimes be very irritating. Jokes aside, I learned that coding really does take a lot of trial and error and if you persevere through, you can learn new tools (like inputting sound).

What's next for Build Your Hero Team!

I'm not exactly sure what this question is referring to, but if I had more time I probably would've like to figure out how to reinput the images of the hero team instead of just the names on the final slide.

Built With

• applab
• code.org
• javascript