header-imageheader-image

Google Music

role: Lead Developer

This site was a fun exploration in visual design, sound design and Javascript/HTML5 Canvas animation. Each line animates to the beat of a stem track while maintaining a unique characteristic based on amplitude, smoothness, and the shape of its oscillation. After exploring many techniques I decided to build this out using the Paper.js scripting framework, which proved to be very successful and innovative in its use of Chrome's new Web Audio API.  

Awards: FWA SOTD, Webby Awards: Winner - Corporate Communication, Webby Awards: People's Voice Winner - Corporate Comm., Webby Awards: People's Voice Winner - Best Visual Design, Webby Awards: People's Voice Winner - Best Navigation