Vidia Learns Music: Rhythm

Previously in class, we learned about rhythm. For me, it was actually mind blowing because I didn’t really know much about rhythm elements. I only knew that rhythm had something to do with time or beats, but I didn’t know there are actually some elements in rhythm. And it was fun.

This week, I learned a lot about rhythm by watching Youtube videos and asking my friends. It actually helped me a lot how to get sense of rhythm in music. For this week assignment, I didn’t really do much since I had to present one of my projects in Maker Faire the past weekend. But going to Maker Faire actually helpful because I could look for inspiration. Here’s a video of some musical instruments I tried at Maker Faire.


Interface Design

I really like the giant musical instrument that I saw in Maker Faire. I thought it was brilliant. People can really play around with it and it will trigger collaboration. But on the other hand, I also like the other instruments that are compact and easy to understand. So I came up with similar idea for the interface to explore rhythm.

There are 3 bars on top. Each bar has a different sound. How user plays with it is that user places magnetic pins to create the beats. A clock arm will turn clockwise and one round equal one measurement. And on the side, user can change the tempo by turning the knob.

This rhythm machine gives more freedom to user explores rhythm. Meaning, user can place the pin wherever they want and create their own time signature and syncopation.



For the size, I’m thinking to make it as compact as possible. A size that is easy to carry, probably similar to Amazon Echo. The challenge here is not just how to make it works and make people interact with it, but also how to make it more compact, since many musical instruments are big in size.


Me Trying to Make Rhythm in Tone.js

I didn’t really do much for this one. I never used Tune.js before and I feel like their documentation is not clear enough. It took me quite a long time to understand how does it work. So I only tried to implement how to create syncopation in this example.

Vidia’s Learning Music: Rhythm

And here’s the source code on Github.

Rhythm Project Examples Responses

Rhythm Toy

For a beginner like me, this Rhythm Toy is actually really helpful and fun. I think it’s very simple and easy to understand and also very intuitive. It’s really good for kids or for beginners to learn rhythm. I also like the visualization because it makes the interface more playful. The only thing downside thing about this Rhythm Toy is that user can’t have a freedom to explore more, for example user can’t control the tempo or time signature and the sounds are presets. But again, I would recommend this for someone who wants to learn rhythm.

Groove Pizza

I love the Groove Pizza. Not just because it’s visually appealing, but also it’s very engaging and intuitive. User can definitely explore more since there are a wide range of options there. Even though there are a lot of options, but I don’t think it’s too overwhelmed. Also, it’s very intuitive because it’s not just showing the bar interface but also circular visualization and user can control both! There are also some presets rhythm as references and many special features to change the sound theme. I think it’s very helpful to give user some presets to refer to. And one more cool thing is that user can drag and drop some elements to the pizza!

Leave a Reply

Your email address will not be published. Required fields are marked *