Inspiration
Meet our ensemble of musical minds—comprised of a clarinetist, a saxophonist, a cellist, and a violinist. As passionate musicians ourselves, we challenged ourselves to discern whether a note was perfectly in tune. We understand that this skill, though vital, often demands years of dedicated practice.
Enter MTune—an innovative solution designed to transform the journey of ear training for musicians. Our platform offers an engaging and educational experience with a variety of minigames specifically crafted to refine your ability to identify and produce accurate tones. Whether you're in a classroom setting or simply seeking musical enjoyment, MTune is your dynamic companion.
We firmly believe that MTune will revolutionize the way musicians refine their intonation accuracy.
What it does
Discover a new dimension of musical precision with MTune, an innovative online platform designed for musicians seeking to refine their tuning abilities. Dive into a captivating collection of interactive minigames crafted to enhance your skill in discerning pitch perfection.
In our first game, "Tuning Training", the challenge is set: a goal note awaits, and your task is to fine-tune it using a slider initialized at a random note within a 50-cent range above and below the target. Precision is key as you adjust and perfect each note to achieve harmonious accuracy.
Step into the realm of "Perfect Pitch Training" with our second game. Once again, a goal note beckons, and this time, the pitch landscape spans 12 notes above and below the target. Armed with a slider, your objective is to skillfully select the precise note within this expanded range.
MTune isn't just a platform; it's your dynamic gateway to mastering the art of tuning. Elevate your musical journey, one pitch-perfect game at a time. Check out MTune today and let your ears lead the way to tuning excellence.
How we built it
We made a site that uses HTML, CSS, and JavaScript together. The HTML and CSS are used for the overall structure and styling for the site, while the JavaScript is used for the backend. We use a slider that the user is able to move up and down to change the pitch of the note being played back to the user. The initial value of the slider is randomized to the user, and the goal of the user is to match the pitch with the note that the game asks the user to output. The user is able to select 3 modes for the slider: easy, medium, and hard. Easy mode leaves the user with less room for error by allowing the slider to only jump up by 10 cents at a time, while in medium mode, the user will be jumping up 5 cents at a time. Hard mode has the user jump up 1 cent at a time, leaving the most room for error. We implemented this feature by using steps for the slider and only allowing the random initialized slider value to be a multiple of 10, 5, or 1, depending on the selected difficulty. To finish the game off, we deployed the game to GitHub pages.
Challenges we ran into
We had troubles with implementing the randomization feature of the slider, and this became even more difficult once we implemented the easy and medium difficulties, as we had to account for the multiples of 5 and 10. We also had difficulties with our Perfect Pitch Tuner. Our perfect pitch game had issues with outputting the correct hz value and matching it with the pitch requested by the game as well as some issues with the proper randomization of the initial slider value.
Accomplishments that we're proud of
We overcame many challenges to arrive at a working website with two minigames. We brainstormed for a couple of hours before we picked a project that we could all passionately work on. Despite the issues we had with developing a algorithm for our mini game, we are most proud of the collaborative effort that went into the process and the success that ensued.
What we learned
Most of us learned how to program in JavaScript, HTML, CSS for the first time! One of our team members (Alex) lead the way on teaching our team the fundamentals. By the time we submitted our project, we all had a better understanding on implementing a frontend via HTML & CSS and a backend on Java Script. As a first time hackathon team, we all learned how to better approach a hackathon when it came to designing and tackling a project within our skillsets.
What's next for MTune
Looking ahead, our roadmap includes the introduction of additional minigames to MTune. One exciting addition is an orchestra tuner, challenging users with audio samples from four distinct instruments that require precise tuning. This feature enables musicians to hone their listening skills across various instruments in an orchestral setting. Stay tuned for more tuning games and engaging exercises, as we continue to expand and enhance the MTune experience.
Log in or sign up for Devpost to join the conversation.