Music Looper
The Music Looper is an interactive web-based application built with p5.js, allowing users to control it through hand gestures. It enables them to create unique music pieces by layering and looping sounds from various instruments. The application offers different interaction methods for each instrument, including Guitar, Piano, Drumset, and Violin.
Tools: p5.js, ml5.js, Garage Band
Gallery
Video Demonstration
Concept
Inspiration
My inspiration for this project comes from my experience playing guitar and experimenting with a guitar looper (effector), where I layered sounds to create dynamic compositions. I also drew inspiration from my experience composing music in GarageBand, where I explored arranging different instrument tracks.
Interaction and Component brainstorm
This is my brainstorm on the content and parts I need to create for each page. And also how users should interact with each of it.
Process
Creating each instrument seperately
One challenge I faced
Creating the Guitar
One challenge I faced
Creating each features
Page jump, back to home, play/pause the recording and metronome, back to beginning, deleting recording
Creating the Looping and Recording feature
The physical installation consists of a large projection surface, hidden cameras, and a surround sound system. The space is designed to be inviting and minimalist, drawing attention to the interactive elements rather than the technology behind them. Careful consideration was given to lighting conditions, floor materials, and acoustic properties of the space.