BoopBlocks is an interactive browser instrument that teaches users about musical hemiolas and polyrhythms in a dynamic way. The application was inspired by a percussion for music therapists course where students workshopped meditative drum circles based on polyrhythms. Users can investigate and meditate on the characteristics of different polyrhythms. Users can also hover over or click boxes to make them boop!
I utilized D3.js to create dynamic SVG elements that allow intuitive user interaction with Web Audio API. I also implemented logic with Vanilla DOM and JavaScript that initiates sound and animates a graphic representation of a polyrhythm for a dynamic user experience.
