mm

• 

  Musical Math

Inspiration

We love math, CS, and music and wanted to combine those three things into something really fun and unique.

What it does

You can input mathematical equations and various other parameters Desmos-style, and our system will map those equations into notes on a piano. You can then hear what the math sounds like! We also produce sheet music for your viewing pleasure.

How we built it

The website is built with JavaScript, React, and Tailwind CSS. We used soundfonts for audio playback, and an abc.js, an abc notation library, for sheet music generation. Everything else is homegrown!

Challenges we ran into

We spent a lot of time thinking about the best way to map function values to notes and durations. We also had to learn abc notation and figure out an efficient way to generate abc notation from note data.

Accomplishments that we're proud of

After playing around for a bit, we were able to come up with an interesting and surprisingly pleasant short piece of demo music. It looks like math can sound great!

What we learned

We learned a lot more about web development and math!

What's next for mm

We'd love to add more mathematical capabilities and per-equation parameters to make music generation even more customizable and easy. The interface could use some polishing up, too. We'd also like to add graph displays and helpful mathematical information for each equation. It'd also be great if we could import and export from and to MIDI and other formats!

Built With

• abc
• javascript
• react
• soundfont
• tailwindcss