Real-Time Visualization Shows Anatomy Of Daft Punk Discography
'Anatomy Of A Mashup' by Cameron Adams breaks down a six minute mix of Daft Punk tracks using a novel HTML5/CSS3 interface.
Have you ever wondered what Daft Punk’s discography would look like visualized? The Man in Blue (aka Cameron Adams), a Sydney-based designer did and created an interactive mashup project titled ‘Anatomy Of A Mashup‘ as a companion to a Definitive Daft Punk mix he created in December. The site features a six-minute mix of 23 Daft Punk songs, and to illustrate layering and composition, the entire piece is composed using the latest HTML5 and CSS3 technology, with an accompanying visualisation showing where each track fades in and out. Make sure you view it in a modern browser like Chrome or Safari. In the designer’s own words:
“In order to explain the layering and interplay that goes into something like a Girl Talk album or The 139 Mix Tape I decided to take my own mashup of Daft Punk’s discography – Definitive Daft Punk – and reveal its entire structure: the cutting, layering, levels and equalisation of 23 different songs. By dividing up the sound data for each song and computing its appearance in realtime, the resulting visualisation gives you an understanding of the unique anatomy of this particular mashup. All of the waveform and spectrum visualisation is performed in realtime, so your browser is rendering a music video on the fly!”
[via Flowing Data]