An interactive music experience for an indie-electronic band, “Miami Horror” (2015)

Skills & Tools
Creative Coding
Interaction Design
UI/UX Design
Motion Graphic

HTML
CSS
JavaScript
P5.JS
Motion Tracking
Sound Visualization

main_interface

This is an interactive music experience for an Australian indie-electronic band, “Miami Horror”. The overall art direction was created to fit the mood & tone of their electro music “Real Slow”. The idea is to let people to control sound by moving and rotating their faces and mouths.

people

People are able to snap their photos and share on Facebook

The Real Slow project was displayed at NYC Media Lab’s Annual Summit in September 2015. It got the FWA Site of the Day Award and The Cutting Edge Award from Adobe. It was also accepted to Chrome Experiments.

awards

chrome_ex

The first prototype was developed on OpenFrameworks and then implemented the idea on the web using JavaScript libraries for face tracking called ClmTrackr and p5.js for creating sound visualization.

The first prototype created with OpenFrameworks