-
Recent Posts
Categories
Tags
360-degree alternative-rock animatic animation Arcade Fire blues Chrome Chrome Experiments drum-and-bass drum machine flash Flash-based gaming machine Google Maps Google Streetview Google Street View hack HTML5 indie-rock installation interactive audio interactive musicvideo japanese MP3 music onlinegame Papervision pitch pop post-punk processing rap remix remote control rock-n-roll sampling sequenzer Skrillex Soul stop-motion The Echo Nest video VVVV Web Audio API WebGL
NAKEDTREE RSS FEEDFACEBOOK
Blogroll
- derhintergrund.com webdesign
- duodezimal.me video art
- Fabian Püschel Filmmaker
- Fabian Valentin artist
- frischemilch.de motion graphics
- frontyardholidays.com photos
- hatandhoodie.de dj’s and producer
- herrmerkt.blogspot.com music blog
- hiddenspaces.de paintings
- lottedietmar.com mashup sculptures
- michalt.de graphic designer
- mighty-vibez.de reggae band
- nerdworking.org network Istanbul
- neuemedienkassel.de art college
- olafval.de deviceart
- siebenland.com fantastic designs
- spiele.cs.uni-kassel.de game develop
- statoelettrico.net net label
- storyplanet.com website
- The Saints of the New Age Istanbul
- tobiashellwig.de web developing
- tsaworks.com motion-design
- valentindietmar.com portfolio
- weinbergkrug.de bar or pub
TONECRAFT
ToneCraft is music experience 100% made by Dinahmoe. It lets you build music in 3D and it’s built with fancy techniques like HTML5, JavaScript and the Web Audio API. You need the latest version och Chrome for it to play nicely.
interact with on labs.dinahmoe.com/ToneCraft
Posted in all categories, interactive audio, music apps
Tagged Chrome, Chrome Experiments, HTML5, interactive audio, onlinegame, sequenzer, Web Audio API
Leave a comment
REMI(X) DEMO
A very unique interactive remix application with great audio and visual design. Demo courtesy of Chris Coniglio.
interact with on tenthcirclesound.com/kickstarter/#5a
Posted in all categories, interactive audio, music apps
Tagged Chrome, HTML5, music, remix, sequenzer
Leave a comment
STAR BOUND – KICKSTARTER DEMO
A great live remix application with real-time effects. Demo courtesy of CopperWire / Tenth Circle Sound.
interact with on tenthcirclesound.com/ksdemo
Posted in all categories, interactive audio, music hacks
Tagged Chrome, hack, HTML5, rap, remix
Leave a comment
ROME – 3 DREAMS OF BLACK
From the Author:
“3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experience. This music experience also includes a 3D model creator that allows you to create your own relics and contribute to the shared collective dream. “3 Dreams of Black” is written and directed by Chris Milk, and developed with a few folks here at Google.
interact with on www.ro.me
Posted in all categories, interactive videos
Tagged animation, Chrome, Danger Mouse, Daniele Luppi, HTML5, interactive musicvideo, JavaScript, music, Norah Jones, onlinegame, video, WebGL
Leave a comment
ANATOMY OF A MASHUP
What started as an early-aughts gimmick led by 2manydjs has since morphed into a full-blown pop-culture phenomenon with party animals like Girl Talk disseminating their name-that-sample form of music far and wide. For multilayered tracks where the original samples become indistinguishable, Web Technologist Cameron Adams developed the Anatomy of a Mashup, breaking down his own creation “Definitive Daft Punk” as an example to “reveal its entire structure: the cutting, layering, levels, and equalization of 23 different songs.”
The online visualization tool breaks down and analyzes the complicated construction, demonstrating how individual sounds work together to form the whole in a diagram of rainbow-colored concentric rings. The beautiful animation lends a unique understanding of the intricacies of the particular mashup, joining the audio and visual for experiences not unlike “little slices of synchronous art, designed to please all of your senses.”
To make that direct connection between what unfolds on the screen with the art of the mashup, Adams built the site using the latest HTML5 and CSS3 technology so that the browser renders the song as it plays and evolves for a visual that performs in real-time.
interact with on daftpunk.themaninblue.com
BANGARANG BOOMERANG
Bangarang Boomerang is Paul Lamere’s latest creation from the Echo Nest. In his blog post, Paul describes it as: “My latest music hack is Bangarang Boomerang. It is a web app (runs in Chrome or the latest Safari), that lets you ‘drive’ the Skrillex song. You can freeze-frame the song on a beat, you can make the song go backwards beat by beat, you can advance through the song at double time, or triple time, and set bookmarks to let you easily jump to different sections of the song. It is a rather fun app that lets you feel like a musician, even if you have very little musical talent. ”
interact with on static.echonest.com/BeatDriver
Posted in all categories, interactive audio, music hacks
Tagged Chrome, hack, HTML5, Skrillex, The Echo Nest
Leave a comment
BOHEMIAN RHAPSICHORD
Bohemian Rhapsichord is a web app that turns the song Bohemian Rhapsody into a musical instrument. It uses TheEcho Nest analyzer to break the song into segments of quasi-stable musical events. It then shows these as an array of colored tiles (where the colors are based on timbre) that you can interact with like a musical instrument.
If you click on a tile, you play that portion of the song (or hold down shift or control and play tiles just by mousing over them). You can bind different segments to keys letting you play the ‘instrument’ with your keyboard too (See the FAQ for all the details). You can re-sort the tiles based on a few criteria (sequential order, by loudness, duration or by similarity to the last played note). It is a fun way to make music based on one of the best songs in the world. The app makes use of the very new (and not always the most stable) web audio API. Currently, the only browser that I know that supports the web audio API is Chrome.
interact with on static.echonest.com/BohemianRhapsichord
Posted in all categories, interactive audio, music hacks
Tagged Chrome, hack, music, pop, Queen, sampling
Leave a comment
THE WILDERNESS DOWNTOWN
Google released a new Chrome Experiment in partnership with the band Arcade Fire titled “The Wilderness Downtown” which acted as both an interactive music video for the band and a chance to demonstrate the emerging power of the HTML5 programming technology. By drawing on data from Google Maps and Google Streetview, The Wilderness Downtown integrated visuals of the viewer’s childhood home into the narrative, creating a unique, emotional experience. Spread across multiple browser windows that opened and closed as the experienced progressed, The Wilderness Downtown redrew our understanding of how the web (and the music video) can makes us feel.
interact with on thewildernessdowntown.com
Posted in all categories, interactive videos
Tagged Arcade Fire, Chrome, Google Streetview, HTML5, indie-rock
7 Comments
This Blog deals with the topic of interactive music. By Valentin Dietmar.