Type Beat

Type Beat is a silly little game where you type to make beats! Call that a hacker type beat!

Comment 2

Inspiration

This project was inspired by Cecilia's ever-present drive to dip into her artsy side and mix coding with something a little different!

What it does

Type Beat is a game that has 14 variations of chords from the key of C major mapped to the letter and number keys on your keyboard! However, the chords attached to keys are not explicitly stated, which forces users to play around with sounds until they find something they like. The overall goal of the game is for players to jump into this unknown terrain and try to discover the 28 chord sequences that reflect specific genres.

How we built it

The website was developed using HTML, JavaScript, CSS, and JavaScript's audioContext API. First, a working keyboard was made, then chords were declared, and finally progressions following this dataset (https://data.world/alexandra/chord-progressions) were documented for comparison to played chords.

Challenges we ran into

We had not anticipated that JavaScript does not have a streamlined method of reading csv files, so after hours of failed attempts at working with alternative solutions, we ultimately decided to hardcode the original csv file for chord progressions into a two-dimensional array to save time.

Accomplishments that we're proud of

Given the group's relatively limited experience with HTML and web-development programming, we're proud of the look and feel of the website. Though most of all, Cecilia is proud of the site's concept, which both teammembers feel could be explored further if given the time.

What we learned

We learned some basic audioContext functionality (apparently the browser is capable of awesome sound-making!) and that vanilla JavaScript can only take you so far, so branching out is worth the time.

What's next for Type Beat

Cecilia has hosted Type Beat on her UF CISE account, where she may revisit it in the future! Originally, the site was supposed to educate about each type of genre, but this detail was cut for the sake of time.

Built With

Share this project:

Updates