SUSify

Inspiration

We saw among us on the sbhacks discord server and knew what must be done.

What it does

Check out our video demo of us making the mii channel music using our project! You can make music using among us sound effects! It's a step sequencer with different notes. You can click on a square to "activate" a note at a particular time. Going right to left represents time, and the sound automatically loops after you press Play.

How we built it

We used React and Tone.js. We chose a few sound effects to be our basis and pitched some of them. We then stacked varying pitches of sounds together. For the background, we wanted to emulate the among us background, and used tsparticles. Also, we styled the play button so it looks like the buttons in-game.

Challenges we ran into

We sorted through 300+ sound effect clips from among us to find some suitable ones. We listened to all of them, save maybe 20. Some were clearly recognizable as among us (nice!), some sounded like notes (perfect for our application), many were sound effects of random real life objects (not very recognizable as amongus), and many others were unusable.
Using React. Our group members were pretty unfamiliar or rusty with React. We ran into some problems that seemed like they would be much easier to solve if we were more comfortable with React! We also used a library called Tone.js, which had a learning curve to it.

Accomplishments that we're proud of

We finished the step sequencer and we can play the mii channel theme on the step sequencer, which was our ultimate goal for this hackathon! Also, the dynamic background we made helps the website look more fun.

What's next for SUSify

We'd like to add more pitch options and more sound effects! Among Us actually has over 300 sound effect files and dozens that would be usable as part of a step sequencer. For the scope of our project, we limited it to just a handful (plus a special cameo). In addition, we'd like to polish the user interaction and make it more intuitive to use.