<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ethan Hein&#039;s Blog &#187; music notation</title>
	<atom:link href="http://www.ethanhein.com/wp/tag/music-notation/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ethanhein.com/wp</link>
	<description>Music, Technology, Evolution</description>
	<lastBuildDate>Mon, 06 Feb 2012 02:26:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Visualizing music</title>
		<link>http://www.ethanhein.com/wp/2011/visualizing-music/</link>
		<comments>http://www.ethanhein.com/wp/2011/visualizing-music/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 20:31:23 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Composition]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Math]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Music Theory]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Visual art]]></category>
		<category><![CDATA[bjork]]></category>
		<category><![CDATA[euler]]></category>
		<category><![CDATA[funky drummer]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[looping]]></category>
		<category><![CDATA[melodyne]]></category>
		<category><![CDATA[music notation]]></category>
		<category><![CDATA[networks]]></category>
		<category><![CDATA[notation]]></category>
		<category><![CDATA[reason]]></category>
		<category><![CDATA[Recording]]></category>
		<category><![CDATA[recycle]]></category>
		<category><![CDATA[roger penrose]]></category>
		<category><![CDATA[topology]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=7842</guid>
		<description><![CDATA[When you do a lot of computer-based music production and composition, you&#8217;re working as much with your eyes as you are with your ears. It&#8217;s only natural to start wondering about other music visualization systems. The representations in audio editors like Pro Tools and Ableton Live are purely informational, waveforms and grids and linear graphs. [...]]]></description>
			<content:encoded><![CDATA[<p>When you do a lot of computer-based music production and composition, you&#8217;re working as much with your eyes as you are with your ears. It&#8217;s only natural to start wondering about other music visualization systems. The representations in audio editors like Pro Tools and <a href="http://www.flickr.com/photos/ethanhein/5691151918/in/photostream/">Ableton Live</a> are purely informational, waveforms and grids and linear graphs. Some visualization systems are purely decorative, like the psychedelic semi-random graphics produced by iTunes. Some systems lie in between. I see rich potential in these graphical systems for better understanding of how music works, and for new compositional methods. Here&#8217;s a sampling of the most interesting music visualization systems I&#8217;ve come across.</p>
<h3>Music notation</h3>
<p>Western music notation is a venerable method of visualizing music. It&#8217;s a very neat and compact system, unambiguous and digital, and not too difficult to learn. Programs like Sibelius can effortlessly translate notation to and from MIDI data, too.</p>
<p><a title="Chameleon bass loop by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/3563600685/"><img class="aligncenter" src="http://farm3.static.flickr.com/2457/3563600685_ebcfb1baa2.jpg" alt="Chameleon bass loop" width="500" height="53" /></a></p>
<p>But western notation has some limitations, especially for contemporary music. It doesn&#8217;t handle <a href="http://www.ethanhein.com/wp/2010/blue-notes/">microtones</a> well. It has limited ability to convey performative nuance &#8212; after a hundred years of jazz, there&#8217;s no good way to notate <a href="www.ethanhein.com/wp/2011/swing/">swing</a> other than to just write the word &#8220;swing&#8221; at the top of the score. The <a href="http://www.ethanhein.com/wp/2011/how-do-you-know-what-key-youre-in/">key signature</a> system works fine for <a href="http://www.ethanhein.com/wp/2011/meet-the-major-scale/">major keys</a>, but is less helpful for <a href="http://www.ethanhein.com/wp/2011/intro-to-minor-keys/">minor keys</a> and <a href="http://www.ethanhein.com/wp/2011/the-major-scale-modes/">modal music</a> and is pretty much worthless for <a href="http://www.ethanhein.com/wp/2011/blues-basics/">the blues</a>.</p>
<p>Here&#8217;s a suggestion for how notation could improve in the future. It&#8217;s a visualization by <a href="http://www.offhanddesigns.com/jon/portfolio.html">Jon Snydal </a>of John Coltrane&#8217;s solo in Miles Davis&#8217; &#8220;All Blues&#8221;  (I edited it a little to be easier on the eyes.)</p>
<p><a><img class="aligncenter" src="http://farm3.static.flickr.com/2282/2275381590_2d437d674c.jpg" alt="John Coltrane's solo on All Blues" width="500" height="220" /></a>Snydal&#8217;s visualization is more analog than digital &#8212; it shows the exact nuances of Coltrane&#8217;s performance, with subtle shadings of pitch, timing and dynamics.</p>
<p style="text-align: left;"><span id="more-7842"></span>MIDI sequencers suggest further improvements over standard notation. Here&#8217;s a simplified electronic music sequencer called <a href="http://www.inudge.net/index.en.html">iNudge</a>. Play, it&#8217;s fun:</p>
<p class="aligncenter" style="text-align: center;"><object width="390" height="400" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="window" /><param name="FlashVars" value="id=13g" /><param name="src" value="http://embed.inudge.net/nudge.swf" /><param name="flashvars" value="id=13g" /><embed width="390" height="400" type="application/x-shockwave-flash" src="http://embed.inudge.net/nudge.swf" wmode="window" FlashVars="id=13g" flashvars="id=13g" /></object></p>
<p style="text-align: left;">Here&#8217;s Thelonious Monk&#8217;s tune &#8220;Four In One&#8221; as shown in standard MIDI &#8220;piano roll&#8221; view. The rectangles show not only which notes are being played and when, but exactly how long they&#8217;re held. Darker red means louder, paler pink means quieter. You can also read volume off the bars along the bottom.</p>
<p><a title="MIDI sequence by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2417069142/"><img class="aligncenter" src="http://farm3.static.flickr.com/2348/2417069142_26befb238e.jpg" alt="MIDI sequence" width="500" height="347" /></a></p>
<p>MIDI is a versatile and user-friendly system. It can capture your keyboard performances, you can import scores, and you can even just draw notes onto the screen directly (my preferred method.)</p>
<p>The <a href="http://www.musanim.com/">Music Animation Machine</a> has a wonderful series of videos matching MIDI piano rolls of various classical pieces with recordings of them. Here&#8217;s Bach&#8217;s infamous Toccata and Fugue in D minor.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='480' height='360' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://www.youtube.com/embed/ipzR9bhei_o' ></iframe> "); 
 </script></p>
<p>As software gets more sophisticated in its ability to extract pitch data from actual audio recordings, you can start manipulating them with the same ease as MIDI. Here&#8217;s a screencap of the pitch-correction program <a href="http://www.celemony.com/cms/">Melodyne</a>, a close cousin of <a href="http://www.ethanhein.com/wp/2009/learning-music-theory-with-autotune/">Auto-tune</a>.</p>
<p><a title="Melodyne screencap by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2335205869/"><img class="aligncenter" src="http://farm3.static.flickr.com/2346/2335205869_b024fa9835_z.jpg?zz=1" alt="Melodyne screencap" width="640" height="414" /></a></p>
<p>The lines show the actual sung pitches, and the orange blobs show the notes the program thinks the singer meant to hit. The blobs&#8217; thickness shows volume. You can drag and drop the blobs and redraw the lines at will to alter the melody to your heart&#8217;s content. Melodyne even transcribes the performance to standard notation and MIDI for you.</p>
<h3>High and low</h3>
<p>We&#8217;ve made up our collective mind that faster frequencies should be spatially represented as being &#8220;higher,&#8221; and that slower ones should be spatially &#8220;lower.&#8221; It seems so reasonable, but really it&#8217;s totally arbitrary, and doesn&#8217;t even line up with physical experience. On the piano, the high notes are on the right and the low ones on the left. On the guitar, the &#8220;low&#8221; E string is physically located <em>above</em> the &#8220;high&#8221; one. The fingerings for higher and lower notes on wind instruments don&#8217;t correspond to a simple higher-lower axis either.</p>
<p>Absolute pitch is a straight line ladder, but <a href="http://en.wikipedia.org/wiki/Pitch_class">pitch class</a> is circular. The truest representation of pitch space is a helix.</p>
<h3><a title="Spiral ramp by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/1925166430/"><img class="aligncenter" src="http://farm3.static.flickr.com/2159/1925166430_b2b6fe1984.jpg" alt="Spiral ramp" width="281" height="300" /></a>Other ways to conceptualize pitch space</h3>
<p>High and low aren&#8217;t the only metaphors we use for faster and slower vibrations. Like I said, pitch class is circular.</p>
<p><a title="C major scale clockface by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/5373234026/"><img class="aligncenter" src="http://farm6.static.flickr.com/5286/5373234026_35166dddb3.jpg" alt="C major scale clockface" width="296" height="300" /></a>But the circle is really just replacing up/down with clockwise/counterclockwise. There are other ways to conceptualize pitch. We intuitively experience changing pitches as moving closer and further, or inwards and outwards. We also think of higher pitches as brighter and lower pitches as darker. Players of stringed instruments sometimes tune their upper strings a little bit too high on purpose, producing an effect known as brilliance.</p>
<h3>Time</h3>
<p>It&#8217;s a universal convention that notation shows time moving from left to right. But that&#8217;s not the only possible axis to use. How about forwards and backwards instead? That&#8217;s the paradigm in rhythm games like Dance Dance Revolution and Guitar Hero. The purest realization of this concept is in a game called <a href="http://en.wikipedia.org/wiki/Frequency_%28video_game%29">FreQuency</a>.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='480' height='360' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://www.youtube.com/embed/sv_qxwsPxCM' ></iframe> "); 
 </script></p>
<p>The game even allows you to construct your own remixes.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='480' height='360' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://www.youtube.com/embed/Iaffl68HR2g' ></iframe> "); 
 </script></p>
<p style="text-align: left;">I like this tunnel metaphor and would like to see it extended into a full-blown production environment.</p>
<h3>Waves</h3>
<p>Pitches are <a href="http://www.ethanhein.com/wp/2009/tuning-the-quantum-guitar/">sine-wave vibrations</a>, and you can visualize them as such.</p>
<p><a title="Harmony by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2441692002/"><img class="aligncenter" src="http://farm4.static.flickr.com/3002/2441692002_ee7aa7176c_o.jpg" alt="Harmony" width="604" height="434" /></a></p>
<p>Sine waves wouldn&#8217;t make for very a helpful music notation, but they do help you understand what&#8217;s going on scientifically when you physically hear something. They&#8217;re even better animated:</p>
<p><a href="http://commons.wikimedia.org/wiki/Category:Drum_vibration_animations"><img class="aligncenter" title="Drumhead vibrational mode" src="http://upload.wikimedia.org/wikipedia/commons/6/6f/Drum_vibration_mode22.gif" alt="" width="248" height="130" /></a></p>
<p>See all of Wikipedia&#8217;s <a href="http://commons.wikimedia.org/wiki/Category:Drum_vibration_animations">animated drum heads</a>.</p>
<h3>Waveforms</h3>
<p>Audio editors show music as amplitude waveforms, blobs that get wider where the sound is louder. Here&#8217;s the <a href="http://www.ethanhein.com/wp/2009/the-natural-history-of-the-funky-drummer-break/">Funky Drummer break</a> in <a href="http://www.propellerheads.se/products/recycle/">Recycle</a>. The blue blobs show drum hits. These amplitude blobs don&#8217;t tell you much about the musical content except for timing and volume. But Recycle was meant for drum loops, where timing and volume are the only information you really need.</p>
<p><a title="Funky Drummer beat by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/3558120590/"><img class="aligncenter" src="http://farm4.static.flickr.com/3641/3558120590_fd5c8233cd.jpg" alt="Funky Drummer beat" width="500" height="311" /></a></p>
<p>Here&#8217;s a graphic I made showing how you hear the Funky Drummer as it&#8217;s looping:</p>
<p><a><img class="aligncenter" src="http://farm4.static.flickr.com/3410/3564417436_d1ff42cfd6.jpg" alt="Funky Drummer loop" width="500" height="494" /></a></p>
<p>In a <a href="http://observersroom.designobserver.com/robwalker/post/stealth-iconography-the-waveform/30008/">post on Design Observer</a>, Rob Walker discusses the waveform as the new icon for music, replacing the stylized eighth notes or records that have done the job in the past. The SoundCloud player uses an attractive waveform graphic that helps the listener track where they are in the song by following the volume peaks. There&#8217;s even a SoundCloud group called <a href="http://soundcloud.com/groups/pretty-waveforms/tracks">Pretty Waveforms</a>.</p>
<p><object width="100%" height="81" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowscriptaccess" value="always" /><param name="src" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F23697251" /><embed width="100%" height="81" type="application/x-shockwave-flash" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F23697251" allowscriptaccess="always" /> </object> <a href="http://soundcloud.com/ethanhein/tomorrow-never-knows">Tomorrow Never Knows</a> by <a href="http://soundcloud.com/ethanhein">ethanhein</a></p>
<p>The waveform has the potential to move from purely functional settings to more decorative ones. Here&#8217;s a waveform-based labeling concept by <a href="http://lovelypackage.com/music-cd-labeling-system/">Joshua Distler</a>, showing the tracks on Post by <a href="http://www.ethanhein.com/wp/2009/bjork/">Björk</a>.</p>
<p><a href="http://lovelypackage.com/music-cd-labeling-system/"><img class="aligncenter" title="Music CD labeling system by Joshua Distler" src="http://lovelypackage.com/wp-content/uploads/2009/02/music_cd.jpg" alt="" width="538" height="484" /></a></p>
<h3>Music theory and networks</h3>
<p>I&#8217;ve always thought it would be cool to use networks to conceptualize music theory, and have made a few attempts at doing so. Here&#8217;s a comparison between the circle of half-steps and the circle of fifths, which are involutes of each other:</p>
<p><a title="Half-steps on the circle of fifths, fifths on the circle of half-steps by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2744894758/"><img class="aligncenter" src="http://farm4.static.flickr.com/3165/2744894758_e373bb2af6.jpg" alt="Half-steps on the circle of fifths, fifths on the circle of half-steps" width="500" height="286" /></a>Here&#8217;s a map of the chord progressions in &#8220;<a href="http://www.youtube.com/watch?v=2kotK9FNEYU">Giant Steps</a>&#8221; by <a href="http://www.ethanhein.com/wp/2009/coltrane-was-an-analog-remixer/">John Coltrane</a>.<br />
<a title="Giant Steps map by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2825556465/"><img class="aligncenter" src="http://farm4.static.flickr.com/3102/2825556465_2bb10d5c6a.jpg" alt="Giant Steps map" width="500" height="424" /></a></p>
<p><a title="Giant Steps map expanded by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2827410851/"><img class="aligncenter" src="http://farm4.static.flickr.com/3224/2827410851_149e757789.jpg" alt="Giant Steps map expanded" width="500" height="480" /></a>And here&#8217;s a flowchart showing how you can figure out what scale or mode you&#8217;re hearing.</p>
<p><a title="Scale flowchart by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/6040532766/"><img class="aligncenter" src="http://farm7.static.flickr.com/6087/6040532766_e6bd491c4e_z.jpg" alt="Scale flowchart" width="640" height="293" /></a></p>
<p>It would be way cooler to have more abstract three-dimensional interactive visualizations showing how chords, scales and melodies function. Leonhard Euler showed how you can represent tonal harmony as a <a href="http://en.wikipedia.org/wiki/Tonnetz">lattice</a> with the topology of a torus, as shown in this animation. Red lines show major thirds, green lines show minor thirds, and blue lines show fifths:</p>
<p><a href="http://innergetic.org/2010/12/fractal-cycles-in-mental-and-natural-systems/"><img class="aligncenter" title="Tonnetz torus" src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/TonnetzTorus.gif/400px-TonnetzTorus.gif" alt="" width="400" height="218" /></a></p>
<p>I have ambitions of my own in this area, but so far, I lack the programming skills to realize them. Others are taking some exciting strides, though. <a href="http://dmitri.tymoczko.com/">Dmitri Tymoczko</a> made waves for getting the first music-related article published in Science about his topological visualization methods for tonal harmony. I can&#8217;t quite wrap my head around his ideas, but they&#8217;re intriguing.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='400' height='300' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://player.vimeo.com/video/20301089?title=0&amp;amp;byline=0&amp;amp;portrait=0' ></iframe> "); 
 </script></p>
<p>Here&#8217;s an illustration by Aniruddh Patel from his paper, &#8220;<a href="http://www.nature.com/?file=/neuro/journal/v6/n7/full/nn1082.html">Language, Music, Syntax And The Brain</a>.&#8221; Again, I&#8217;m not totally clear what it all means, but I plan to investigate further.</p>
<p style="text-align: center;"><a href="http://www.nature.com/?file=/neuro/journal/v6/n7/full/nn1082.html"><img title="Pitch and chord space" src="http://www.nature.com/neuro/journal/v6/n7/images/nn1082-F4.gif" alt="" width="360" height="404" /></a></p>
<p style="text-align: left;">Other theorists have attempted to use color to show harmonic function. Scriabin invented a &#8220;<a href="http://en.wikipedia.org/wiki/Clavier_%C3%A0_lumi%C3%A8res">keyboard of lights</a>&#8221; for that purpose, though it didn&#8217;t really catch on.</p>
<p style="text-align: center;"><a href="http://en.wikipedia.org/wiki/Clavier_%C3%A0_lumi%C3%A8res"><img class="aligncenter" title="Clavier à lumières" src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Scriabin-Circle.svg/429px-Scriabin-Circle.svg.png" alt="" width="429" height="405" /></a></p>
<h3 style="text-align: left;">Visualizing musical form and structure</h3>
<p>I like to use simple color-coding to keep track of which section is which while working on a song. Yellow is for intros and outtros, blue is for verses, green is for choruses and orange is for instrumentals and breakdowns.</p>
<p><a title="The Sign by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/3192472818/"><img class="aligncenter" src="http://farm4.static.flickr.com/3421/3192472818_1c7446454b.jpg" alt="The Sign" width="500" height="417" /></a></p>
<p>Edward Tufte shows some more sophisticated song structure visualizations <a href="http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0000OQ">on his forum</a>:</p>
<p><a href="http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0000OQ"><img class="aligncenter" title="Song structure diagram" src="http://www.edwardtufte.com/bboard/images/0000OY-525.jpg" alt="" width="600" height="407" /></a></p>
<p>The <a href="http://www.turbulence.org/Works/song/index.html">Shape of Song</a> project by <a href="http://www.bewitched.com/">Martin Wattenburg</a> shows repetition within a piece of music. Here&#8217;s his visualization of &#8220;Like A Prayer&#8221; by Madonna.</p>
<p style="text-align: center;"><a style="text-align: center;"><img class="alignnone" title="Repetition in Madonna's &quot;Like A Prayer&quot;" src="http://www.turbulence.org/Works/song/gallery/like_a_prayer.gif" alt="" width="570" height="269" /></a></p>
<p style="text-align: left;">Here&#8217;s Wattenburg&#8217;s visualization of Beethoven&#8217;s &#8220;Für Elise.&#8221;</p>
<p style="text-align: left;"><a href="http://www.bewitched.com/match/music.html"><img class="aligncenter alignnone" title="Repetition in &quot;Für Elise&quot;" src="http://www.bewitched.com/match/furelise.gif" alt="" width="630" height="330" /></a></p>
<h3 style="text-align: left;">Speculation</h3>
<p>Here&#8217;s an entertaining video showing how you can create a happening drum machine sequence using <a href="http://vimeo.com/1639345">counting in binary</a> by <a href="http://vimeo.com/royorobtiks">Niklas Roy</a>.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='400' height='146' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://player.vimeo.com/video/1639345?title=0&amp;amp;byline=0&amp;amp;portrait=0' ></iframe> "); 
 </script></p>
<p>Wouldn&#8217;t this graph coloring system make a cool music notation or interface?</p>
<p style="text-align: left;"><a href="http://en.wikipedia.org/wiki/Graph_coloring"><img class="aligncenter alignnone" title="Graph colorings" src="http://upload.wikimedia.org/wikipedia/en/thumb/e/e2/Graph_with_all_three-colourings.svg/500px-Graph_with_all_three-colourings.svg.png" alt="" width="500" height="429" /></a><a href="http://www.visualcomplexity.com/vc/">Visual Complexity</a> <a href="http://www.visualcomplexity.com/vc/blog/?p=811">has many more</a> ideas like this one.</p>
<p style="text-align: left;">I feel like we&#8217;ve barely scratched the surface of useful and attractive schemes. Are there other cool visualization methods I should know about? Hit the comments.</p>
<h3 style="text-align: left;">Updates</h3>
<p style="text-align: left;"><a href="http://www.quora.com/John-Clover">John Clover</a> hipped me to this post, which overlaps heavily: <a href="http://www.quora.com/Ben-Golub/Amazing-Music-Visualizations-and-Teaching">Amazing Music Visualizations and Teaching</a></p>
<p>I just had the chance to play with some of <a href="http://www.ethanhein.com/wp/2009/bjork/">Björk</a>&#8216;s <a href="http://en.wikipedia.org/wiki/Biophilia_%28album%29">Biophilia</a> song/apps. Some of them are groundbreaking interactive visualizations; some are just entertaining and groovy; some are baffling but deserve points for creativity. All the way around, it&#8217;s a remarkable experiment, one that I think is going to be influential.<br />
<a href="http://en.wikipedia.org/wiki/Biophilia_%28album%29"><img class="aligncenter" title="Biophilia screencap" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-799735be07e460a03cde6fbce09f6821" alt="" width="485" height="323" /></a><br />
<a href="http://www.quora.com/Ethan-Hein/Visualizing-music"><em>See this post on Quora</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2011/visualizing-music/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>DJ on the one and two</title>
		<link>http://www.ethanhein.com/wp/2009/dj-on-the-one-and-two/</link>
		<comments>http://www.ethanhein.com/wp/2009/dj-on-the-one-and-two/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 00:45:44 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Improvisation]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Sampling]]></category>
		<category><![CDATA[a tribe called quest]]></category>
		<category><![CDATA[afrika bambaataa]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[dj]]></category>
		<category><![CDATA[dj premier]]></category>
		<category><![CDATA[funky drummer]]></category>
		<category><![CDATA[grand mixer dst]]></category>
		<category><![CDATA[grandmaster flash]]></category>
		<category><![CDATA[herbie hancock]]></category>
		<category><![CDATA[hip-hop]]></category>
		<category><![CDATA[looping]]></category>
		<category><![CDATA[mashups]]></category>
		<category><![CDATA[music notation]]></category>
		<category><![CDATA[peter piper]]></category>
		<category><![CDATA[rahzel]]></category>
		<category><![CDATA[remixes]]></category>
		<category><![CDATA[rhythm]]></category>
		<category><![CDATA[rockit]]></category>
		<category><![CDATA[run-dmc]]></category>
		<category><![CDATA[scratch]]></category>
		<category><![CDATA[turntablism]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[wu-tang]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=2555</guid>
		<description><![CDATA[Turntablists use record players to play records in ways they weren&#8217;t meant to be played. By speeding up, slowing down and reversing the record under the needle, a whole universe of new sounds becomes possible. The record player as musical instrument is still in its early stages of development. DJs already invented the instrumental sound [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Turntablists use record players to play records in ways they weren&#8217;t meant to be played. By speeding up, slowing down and reversing the record under the needle, a whole universe of new sounds becomes possible. The record player as musical instrument is still in its early stages of development. DJs already invented the instrumental sound of hip-hop. I wonder what else they have coming.</p>
<p><a href="http://www.flickr.com/photos/ethanhein/2655755079/"><img class="aligncenter" title="Early turntablist?" src="http://farm4.static.flickr.com/3256/2655755079_f181f53f75.jpg" alt="" width="281" height="224" /></a></p>
<p><span id="more-2555"></span><a href="http://en.wikipedia.org/wiki/DJ_Kool_Herc">DJ Kool Herc</a> was one of the first DJs to remix tracks on the fly using turntables and a mixer. Rather than playing songs from beginning to end, Herc isolated and repeated the hooks and breaks. The break in a dance song is the section where all of the instruments drop out except the drums, percussion and maybe the bass. In disco and funk songs, the break is the energetic peak moment, when the dancers really get down. Herc discovered that by isolating and looping, say, the break from <a href="../2010/apache">&#8220;Apache&#8221;</a> by the Incredible Bongo Band, he could bring the dance floor to ecstatic new heights.</p>
<p>To loop a break, you need two copies of the same record, one on each turntable. While the break plays from the left turntable, you cue up the beginning of it on the right one. At the end of the break, you quickly crossfade to the right turntable. While the break plays from there, you cue up the first copy to the beginning of the break on the left turntable. In theory, you could loop a break like that indefinitely.</p>
<p style="text-align: left;">Along with Herc, the first generation of hip-hop DJs also included <a href="http://en.wikipedia.org/wiki/Grandmaster_Flash">Afrika Bambaataa</a> and <a href="http://en.wikipedia.org/wiki/Grandmaster_Flash">Grandmaster Flash</a>, whose dense vinyl collages prefigured the <a href="http://www.ethanhein.com/wp/2009/mashups-as-micro-mixtapes/">mashup</a> movement. Hear the prehistory of the mashup in <a href="http://en.wikipedia.org/wiki/The_Adventures_of_Grandmaster_Flash_on_the_Wheels_of_Steel">&#8220;The Adventures Of Grandmaster Flash On The Wheels Of Steel.&#8221;</a></p>
<p style="text-align: center;"><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/eU30dyTX0hc&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/eU30dyTX0hc&amp;hl=en&amp;fs=1&amp;" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p style="text-align: left;">It&#8217;s relatively easy to put a collage like this together on the computer, but it takes delicate timing and tons of practice to do it using vinyl.</p>
<p>Turntablism broke into mass consciousness when Grand Mixer DST appeared with Herbie Hancock on <a href="http://www.ethanhein.com/wp/2009/herbie-hancock-gets-future-shock">&#8220;Rockit&#8221;</a> in 1983. The first turntablist I had a relationship with was Jam Master Jay, from his work with Run-DMC in tracks like <a href="http://www.ethanhein.com/wp/2009/bad-meaning-good">&#8220;Peter Piper.&#8221;</a> More recently I got hip to DJ Premier, who produced my favorite Nas track, <a href="http://www.ethanhein.com/wp/2010/nas-is-like">&#8220;Nas Is Like.&#8221;</a> Hear Primo on Gang Starr&#8217;s &#8220;DJ Premier in Deep Concentration.&#8221;</p>
<p style="text-align: center;"><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/T-LcR92RsWU&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/T-LcR92RsWU&amp;hl=en&amp;fs=1&amp;" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p style="text-align: left;">As jazz gave birth to technical and esoteric styles like bebop, so turntablism has its own highbrow virtuosos. <a href="http://en.wikipedia.org/wiki/Rob_Swift">DJ Rob Swift</a> is a leadng member of the artsier school of turntablism. He&#8217;s more of an abstract improviser than a sequencer of recognizable hooks and grooves. Hear Rob Swift scratching a series of records, starting with the <a href="http://www.ethanhein.com/wp/2009/the-natural-history-of-the-funky-drummer-break">Funky Drummer</a> bonus beat reprise.</p>
<p style="text-align: center;"><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/lXBWf4Vbv04&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/lXBWf4Vbv04&amp;hl=en&amp;fs=1&amp;" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p style="text-align: left;">Here, Rob Swift demonstrates a turntablist notation system (<a href="http://noiseforairports.com/post/214716561/the-turntablist-transcription-method-ttm-is-a">thanks Nick Seaver</a>):</p>
<p style="text-align: center;"><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/wsKpqJ-g388&amp;rel=0&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/wsKpqJ-g388&amp;rel=0&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;feature=player_embedded&amp;fs=1" allowFullScreen="true" allowScriptAccess="always" allowfullscreen="true" allowscriptaccess="always" /></object></p>
<p style="text-align: left;">See <a href="http://jklabs.net/projects/visualscratch/description.html">more scratch notation,</a> courtesy of <a href="http://wayneandwax.com/">Wayne Marshall</a>.</p>
<p style="text-align: left;">Speaking of the Funky Drummer, see <a href="http://www.yearoftheblacksmith.com/profiles/blogs/mos-def-black-thought-eminem">an amazing freestyle</a> by Mos Def, Black Thought and Eminem over a DJ scratching the Bonus Beat reprise.</p>
<p style="text-align: left;">DJs have done most of their collaboration with emcees and electronica producers. They&#8217;ve been slower to work with traditional instrumentalists &#8212; there&#8217;s a lot of new musical vocabulary that has to be learned on both sides. It&#8217;s beginning to happen, though. In my hippie-ish youth I enjoyed going to see <a href="http://en.wikipedia.org/wiki/DJ_Logic">DJ Logic</a> scratching it up with jam bands. And Youtube loves this video of a violinist getting down over a few different records, including the instrumental of <a href="http://www.youtube.com/watch?v=lRrM6tfOHds">&#8220;Check The Rhime&#8221;</a> by A Tribe Called Quest.</p>
<p style="text-align: center;"><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/meNzeHSh5gg&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/meNzeHSh5gg&amp;hl=en&amp;fs=1&amp;" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p style="text-align: left;">Vinyl and the gear to play it are heavy, bulky and expensive. If I ever start DJing seriously, I&#8217;ll probably opt for <a href="http://en.wikipedia.org/wiki/Vinyl_emulation_software">vinyl emulation software</a>. It doesn&#8217;t necessarily have the same touch as vinyl, but it would be pretty awesome to be able to scratch anything in my iTunes library.</p>
<p style="text-align: left;">Using a turntable, you can simulate unearthly speech sounds by rapidly scratching the record to and fro. The circle becomes complete when beatboxers emulate the sound of DJ scratching with their mouths. Enjoy <a href="http://en.wikipedia.org/wiki/Rahzel">Rahzel</a> beatboxing <a href="http://www.youtube.com/watch?v=BJ_T_ASYyZU">a set of Wu-Tang songs.</a></p>
<p style="text-align: left;">Any more videos, links or other turntable-related goodness I&#8217;m missing? Hit me up in the comments.</p>
<p style="text-align: left;">Update: <a href="http://theopenend.com/2009/02/08/the-early-history-of-turntablism-hindemith-toch-and-cage/">great blog post</a> on classical musicians&#8217; experiments with turntablism pre-1950.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2009/dj-on-the-one-and-two/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Jazz Jazz Revolution</title>
		<link>http://www.ethanhein.com/wp/2009/jazz-jazz-revolution/</link>
		<comments>http://www.ethanhein.com/wp/2009/jazz-jazz-revolution/#comments</comments>
		<pubDate>Mon, 20 Jul 2009 21:19:23 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Dance]]></category>
		<category><![CDATA[Improvisation]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Video Games]]></category>
		<category><![CDATA[dance]]></category>
		<category><![CDATA[ddr]]></category>
		<category><![CDATA[guitar hero]]></category>
		<category><![CDATA[japan]]></category>
		<category><![CDATA[jazz]]></category>
		<category><![CDATA[king of the hill]]></category>
		<category><![CDATA[miles davis]]></category>
		<category><![CDATA[music notation]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=1247</guid>
		<description><![CDATA[It&#8217;s no accident that music and games share the verb &#8220;to play.&#8221; Both music and games are semi-structured forms of social learning. As far as I&#8217;m concerned, the most exciting thing happening in the video game world is the explosion of music-based games like Dance Dance Revolution. Dance Dance Revolution is part of the genre [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">It&#8217;s no accident that music and games share the verb <a href="http://www.flickr.com/photos/ethanhein/2850602827/in/set-72157620013959900/">&#8220;to play.&#8221;</a> Both music and games are semi-structured forms of social learning. As far as I&#8217;m concerned, the most exciting thing happening in the video game world is the explosion of music-based games like <a href="http://en.wikipedia.org/wiki/Dance_Dance_Revolution">Dance Dance Revolution</a>.</p>
<div style="width: 480px; text-align: center;"><object id="gtembed" width="480" height="392" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="quality" value="high" /><param name="src" value="http://www.gametrailers.com/remote_wrap.php?umid=319451" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="sameDomain" /><embed id="gtembed" width="480" height="392" type="application/x-shockwave-flash" src="http://www.gametrailers.com/remote_wrap.php?umid=319451" allowScriptAccess="sameDomain" allowFullScreen="true" quality="high" allowfullscreen="true" allowscriptaccess="sameDomain" /></object></div>
<div style="width: 480px;"><span id="more-1247"></span>Dance Dance Revolution is part of the genre that <a href="http://en.wikipedia.org/wiki/Music_games">Wikipedia</a> helpfully describes as sight-reading games. Notes scroll down or across the screen in a simplified piano roll format, and you push buttons, step on a pad or whack plastic drums accordingly. Most of the graphics onscreen are incidental to the gameplay, decorations behind the music notation. Dance Dance Revolution is part of the most popular subgenre of sight-reading game, the rhythm game, along with <a href="http://en.wikipedia.org/wiki/Guitar_Hero">Guitar Hero</a> and <a href="http://en.wikipedia.org/wiki/Rock_Band">Rock Band.</a> There are also pitch games like <a href="http://en.wikipedia.org/wiki/Karaoke_Revolution">Karaoke Revolution</a> and <a href="http://en.wikipedia.org/wiki/SingStar">SingStar,</a> where you sing into a microphone and the game uses an <a href="http://www.ethanhein.com/wp/tag/autotune/">Autotune</a>-like algorithm to see if you&#8217;re hitting the notes accurately. Wikipedia also lists a couple of volume games, including <a href="http://en.wikipedia.org/wiki/Wii_Music">Wii Music,</a> which gets big points for inventiveness and variety of control schemes, but the music itself, ugh.</div>
<div style="width: 480px;">My favorite sight-reading game is <a href="http://en.wikipedia.org/wiki/FreQuency">FreQuency,</a> released by <a href="http://en.wikipedia.org/wiki/Harmonix_Music_Systems">Harmonix</a> in 2001. It uses rave-friendly electronica and correspondingly tripped-out graphics. It has a few wrinkles on the standard rhythm game template. Instead of the notes scrolling across the screen, they&#8217;re arrayed around an octagonal tube, which you travel through in time to the music. Each wall of the tube represents a different track in the song: drums, bass, synths, vocals, guitar, and so on. You can hop from track to track at will.</div>
<div style="width: 480px;">
<p style="text-align: center;"><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/bdwYl0qyMAg&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/bdwYl0qyMAg&amp;hl=en&amp;fs=1&amp;" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p>The tube setting reminds me of my favorite old-school arcade game, <a href="http://en.wikipedia.org/wiki/S.T.U.N._Runner">STUN Runner.</a></p>
<p style="text-align: center;"><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/nUOkeuRCJ7k&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/nUOkeuRCJ7k&amp;hl=en&amp;fs=1&amp;" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p>More traditional video game genres like <a href="http://en.wikipedia.org/wiki/Platformer">platformers</a> and <a href="http://en.wikipedia.org/wiki/Shmup">shmups</a> are beginning to take on music game qualities, not too surprising since these games already had a musical aspect to begin with. When you play Super Mario Bros or Galaga, you need to push specific sequences of keys at specific times with precise timing. From the wrists down it&#8217;s not so different from playing the piano. <a href="http://en.wikipedia.org/wiki/Rez">Rez</a> is a rail shooter that uses trance music in place of sound effects, and all actions are quantized to the beat, so the game generates electronica while you play. <a href="http://en.wikipedia.org/wiki/Donkey_Kong_Jungle_Beat">Donkey Kong Jungle Beat</a> is a platform/action game you control on bongos with a built-in microphone. You move and jump Donkey Kong by hitting the congas and attack enemies by clapping your hands.</p>
<p>Electronic music sequencers and computer games are both software that arrays sound recordings in a particular order. There have been some fitful attempts at making this conceptual connection more explicit. A few brave publishers have released generative music systems disguised as games, like <a href="http://en.wikipedia.org/wiki/SimTunes">SimTunes</a> and <a href="http://en.wikipedia.org/wiki/Electroplankton">Electroplankton</a>. SimTunes gives you some &#8220;bugs&#8221; that crawl across the screen, each one producing a different sound when it encounters a colored square. By placing the colored squares and controlling the paths of the bugs, you can produce music, sort of. Electroplankton is a little more sophisticated, but the idea is the same. The problem is that these things make for klutzy sequencers, and have no particular game value. They&#8217;re intriguingÂ  toys, though, rich with possibility for future interface designers.</p>
<p>There are a few non-game pieces of software that using game controllers as electronic music interfaces, like the <a href="http://en.wikipedia.org/wiki/KORG_DS-10">Korg DS-10</a>, enabling you to play a synth with a Game Boy. The idea has spread to hardware, too, like the <a href="http://en.wikipedia.org/wiki/Tenori-on">Tenori-on</a>, a MIDI sequencer with an intentionally game-controller-like simplicity. My own musical output for the past few years has relied heavily on my own <a href="http://www.flickr.com/photos/ethanhein/2995793499/in/set-72157619125916471/">game controller MIDI setup.</a></p>
<p>For music games to fulfill their potential, I think they need to strike a balance between the railroad track linearity of the rhythm games and the total open-endedness of the generative sequencers. I would wish for a constrained system that still allows for improvisation. I can&#8217;t think of a musical video game that fits these criteria, but there&#8217;s a perfect example in the non-electronic world: jazz.</p>
<p>Jazz might be the most game-like musical form, especially in its improvisation aspect. You can think of a jazz tune as a system of rules. Take &#8220;So What&#8221; by <a href="http://en.wikipedia.org/wiki/Miles_davis">Miles Davis.</a></p>
<p style="text-align: center;"><object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/P4TbrgIdm0E&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/P4TbrgIdm0E&amp;hl=en&amp;fs=1&amp;" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p>To solo on one chorus of &#8220;So What&#8221;, you play sixteen measures of D dorian mode (the white keys on the piano), eight measures of E flat dorian (shift one piano key to the right) and another eight measures of D dorian. You can solo for as many choruses as you want. The rules for the bassist are: play mostly quarter notes chosen from the scale, emphasizing the roots and other basic chord tones. The rules for the drummer are: play mostly a &#8220;spang, spang-a-lang&#8221; pattern on the ride cymbal with occasional accents on the snare, kick drum and crash. These rules aren&#8217;t totally rigid. You&#8217;re free to play outside the scales and metrical schemes, as long as what you&#8217;re playing is still musical. What exactly constitutes &#8220;musical&#8221; will depend on who&#8217;s playing and who&#8217;s listening.</p>
<p>How could music games be made more like jazz? I&#8217;m imagining something like FreQuency, but with more freedom of choice by the player. Still speculating as to how to bring this about.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2009/jazz-jazz-revolution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Songwriting and computer programming</title>
		<link>http://www.ethanhein.com/wp/2009/take-it-to-the-bridge/</link>
		<comments>http://www.ethanhein.com/wp/2009/take-it-to-the-bridge/#comments</comments>
		<pubDate>Fri, 29 May 2009 01:42:54 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Composition]]></category>
		<category><![CDATA[Math]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[chameleon]]></category>
		<category><![CDATA[computer science]]></category>
		<category><![CDATA[computers]]></category>
		<category><![CDATA[electronica]]></category>
		<category><![CDATA[fractals]]></category>
		<category><![CDATA[herbie hancock]]></category>
		<category><![CDATA[Improvisation]]></category>
		<category><![CDATA[james brown]]></category>
		<category><![CDATA[looping]]></category>
		<category><![CDATA[mandelbrot]]></category>
		<category><![CDATA[music notation]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[recursion]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=686</guid>
		<description><![CDATA[Writing a song is a lot like writing a computer program. They both require clever management of loops and control flow. The simplest sheet music reads as a straightforward top-to-bottom list of instructions. You start on measure one and read through to the end sequentially. That&#8217;s fine unless the music is very repetitive, which most [...]]]></description>
			<content:encoded><![CDATA[<p>Writing a song is a lot like writing a computer program. They both require clever management of loops and <a href="http://en.wikipedia.org/wiki/Control_flow">control flow.</a></p>
<p>The simplest sheet music reads as a straightforward top-to-bottom list of instructions. You start on measure one and read through to the end sequentially. That&#8217;s fine unless the music is very <a href="http://en.wikipedia.org/wiki/Repetition_(music)">repetitive</a>, which most popular music is. The loop is the basic compositional unit of nearly every song you could dance to. The problem is that writing loops out sequentially is very tedious.</p>
<p style="text-align: left;">Rather than writing the same passage over and over, you can save yourself a lot of laborious writing by using repeat markers. They&#8217;re like the <a href="http://en.wikipedia.org/wiki/GOTO">GOTO</a> instruction in BASIC. Here are the first four bars of &#8220;Chameleon&#8221; by <a href="http://www.flickr.com/photos/ethanhein/tags/herbiehancock/">Herbie Hancock</a>. This four-bar phrase repeats hundreds of times over the course of the song. You wouldn&#8217;t want to write them all out. With repeat markers, you don&#8217;t have to.<a href="http://www.flickr.com/photos/ethanhein/3563600685/"><img class="aligncenter" title="Chameleon by Herbie Hancock" src="http://farm3.static.flickr.com/2457/3563600685_ebcfb1baa2.jpg" alt="" width="500" height="53" /><span id="more-686"></span></a>The repeat markers are the things on the ends that look like brackets with two little dots inside them. When you get to the closing repeat marker at the end of the passage, you jump to the opening repeat marker.</p>
<p style="text-align: left;">By default, repeat markers tell you to just play the repeated section once. You can also specify any number of multiple repeats. For &#8220;Chameleon&#8221;, that wouldn&#8217;t help much, because if you said repeat 128 or 256 times, no musicians could count that high. For open-ended music, you&#8217;re better off writing &#8220;repeat until cue.&#8221; This leaves it to the performer to decide how many repeats there should be.</p>
<p style="text-align: left;">Repeat markers give sheet music the topology of a clock face. Here&#8217;s how you hear the Chameleon loop. Read clockwise:<a href="http://www.flickr.com/photos/ethanhein/2476843554/in/set-72157609378411245/"><img class="aligncenter" title="You experience repeat markers as loops" src="http://farm4.static.flickr.com/3244/2476843554_cff5ccf437.jpg?v=0" alt="" width="400" height="400" /></a></p>
<p>Western music notation also includes more complex repeats, with different conditional instructions waiting for you depending on whether it&#8217;s your first, second or third pass. Repeats get combined with special jump instructions like <em>DC</em>, short for Da Capo, &#8220;to the head.&#8221; <em>DC</em> tells the performer to jump to the beginning of the piece. <em>Coda</em>, &#8220;tail&#8221;, means &#8220;jump to the ending.&#8221;</p>
<p>Through clever use of repeat markers and jumps, you can fit elaborately complex musical scores onto a sheet or two of paper, which is very convenient if you&#8217;re playing an instrument that makes it hard to turn pages in mid-flight.</p>
<p>Even with its repeats and jumps, European classical music is mostly linear. The scores can be expanded into single rows of measures, like a chain of paper clips. Open-ended loops, the ones marked &#8220;repeat until cue&#8221;, are another story. A linear expansion of a piece containing open-ended loops will be different for every performance. Who knows how many paper clips you&#8217;ll wind up with in your chain?</p>
<p>European classical music can get boring because it isn&#8217;t repetitive enough. Outside of western Europe, open-ended repetition is the central organizational element of music. We in America have been wise to pay attention to this lesson. Jazz, country, rock, funk, hip-hop and dance music of all description use some form of &#8220;repeat until cue&#8221; in almost every song.</p>
<p><a href="http://www.ethanhein.com/wp/tag/james-brown">James Brown</a> in particular was a master of open-ended loops. Usually bandleaders take the musicians in and out of loops through hand signals or eye contact. James Brown preferred to shout instructions to his band out loud in mid-song, and his shouts became a key element of his music. The most famous example is in &#8220;(Get Up I Feel Like Being A) Sex Machine.&#8221;</p>
<p style="text-align: center;"><object width="480" height="385" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/GrFzB3CvU9M?fs=1&amp;hl=en_US" /><param name="allowfullscreen" value="true" /><embed width="480" height="385" type="application/x-shockwave-flash" src="http://www.youtube.com/v/GrFzB3CvU9M?fs=1&amp;hl=en_US" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p>As the band loops on the main E thirteenth chord riff, James Brown and Bobby Byrd debate whether it&#8217;s time to take it to the <a href="http://en.wikipedia.org/wiki/Bridge_(music)">bridge</a>:</p>
<blockquote><p>James Brown: Bobby! Should I take &#8216;em to the bridge?</p>
<p>Bobby Byrd: Go ahead!</p>
<p>James Brown: Take &#8216;em on to the bridge!</p>
<p>Bobby Byrd: Take &#8216;em to the bridge!</p>
<p>James Brown: Should I take &#8216;em to the bridge?</p>
<p>Bobby Byrd: Yeah!</p>
<p>James Brown: Take &#8216;em to the bridge?</p>
<p>Bobby Byrd: Go ahead!</p>
<p>James Brown: Hit me now!</p></blockquote>
<p>The band transitions into a loop on A ninth. They play that loop until James Brown orders them back to the main part. At the end of the song comes another debate:</p>
<blockquote><p>JB: Can we hit it like we did one more time, from the top? Can we hit like that one more time?</p>
<p>BB: One more time!</p>
<p>JB: One more time, let&#8217;s hit it and quit!</p>
<p>BB: Go ahead!</p>
<p>JB: Can we hit it and quit?</p>
<p>BB: Yeah!</p>
<p>JB: Can we hit it and quit?</p>
<p>BB: Yeah!</p>
<p>JB: Can we hit it and quit?</p>
<p>BB: Yeah!</p>
<p>JB: Hit it!</p></blockquote>
<p>Loops are easy to memorize, but not so easy to perform. It takes deep concentration to play James Brown songs. Musicians trained in the Western classical tradition often find reading through a complex linear score to be easier than sustaining an open-ended groove.</p>
<p>Electronic instruments, on the other hand, make looping a breeze. Once you have a drum machine pattern, sample or MIDI sequence set up, you can loop it effortlessly and endlessly. The effort comes in breaking the symmetry, deciding how long the loop should play, when parts should enter or exit. My friend <a href="http://www.scrollmotion.com/whoweare.html">Josh Koppel</a> likes to use the phrase &#8220;a digital thing in analog form.&#8221; In the hands of James Brown, his band functioned as an analog loop and sample player, one that could improvise to boot.</p>
<p>The computer science equivalent of &#8220;repeat until cue&#8221; is the <a href="http://en.wikipedia.org/wiki/For_loop">for loop</a>, also known as the if-then loop. Instead of explicitly telling the computer how many times to repeat a given instruction, you can have it keep repeating until some condition is met. Let&#8217;s say you want the computer to list every number from one to ten thousand. Here&#8217;s one way to do it in pseudocode &#8212; the second to last statements is the if-then loop.</p>
<blockquote><p>Input starts at zero.</p>
<p>Input plus one equals output.</p>
<p>Print output to screen.</p>
<p>If output is less than ten thousand, then take output as the new input and repeat.</p>
<p>If output equals ten thousand, then end.</p></blockquote>
<p>Using a few if-then loops, you can generate huge or even infinite amounts of complexity from very short programs. Fractals like the <a href="http://en.wikipedia.org/wiki/Mandelbrot_set">Mandelbrot set</a> are generated using just a few simple loops.</p>
<p><a href="http://www.flickr.com/photos/ethanhein/2767692001/sizes/l/"><img class="aligncenter" title="Part of the Mandelbrot set - click to embiggen" src="http://farm4.static.flickr.com/3232/2767692001_ac8b7a91ea.jpg" alt="" width="500" height="375" /></a></p>
<p>Computers need to be told explicitly when and how to terminate their loops. Otherwise, they go <a href="http://www.ethanhein.com/wp/2009/soft-failure-and-the-dunder-mifflin-paper-company/">around and around forever</a>, a condition you experience as a crash. <a href="http://www.ethanhein.com/wp/2009/brain-vs-computer-which-is-better">Humans are smarter</a> in this regard: when told to repeat forever, we eventually get bored and stop.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2009/take-it-to-the-bridge/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>In the sequencer, the notation is the performance</title>
		<link>http://www.ethanhein.com/wp/2009/in-the-sequencer-the-notation-is-the-performance/</link>
		<comments>http://www.ethanhein.com/wp/2009/in-the-sequencer-the-notation-is-the-performance/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 00:32:39 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[electronica]]></category>
		<category><![CDATA[hip-hop]]></category>
		<category><![CDATA[mashups]]></category>
		<category><![CDATA[music notation]]></category>
		<category><![CDATA[notation]]></category>
		<category><![CDATA[reason]]></category>
		<category><![CDATA[recursion]]></category>
		<category><![CDATA[revival revival]]></category>
		<category><![CDATA[Sampling]]></category>
		<category><![CDATA[screencaps]]></category>
		<category><![CDATA[sequencing]]></category>
		<category><![CDATA[symmetry]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=315</guid>
		<description><![CDATA[In my laptop band Revival Revival, we use Reason for all of our instrumental sounds and sample playback. The newest version has a handy color-coding feature in the sequencer, which makes it easy for me to be able to keep track of which part of which song happens in which order. Having all the tunes [...]]]></description>
			<content:encoded><![CDATA[<p>In my laptop band <a href="http://www.ethanhein.com/revivalrevival.html">Revival Revival</a>, we use <a href="http://www.propellerheads.se/products/reason/">Reason</a> for all of our instrumental sounds and sample playback. The newest version has a handy color-coding feature in the sequencer, which makes it easy for me to be able to keep track of which part of which song happens in which order. Having all the tunes under my eyes all the time has revealed new wisdom to my ears about symmetry and asymmetry, and isn&#8217;t that what music is all about?</p>
<p>The color-coding system started as a simple information-management technique, but it ended up improving my ears. Spending so much time looking at these colorfully abstracted representations of so many songs, I couldn&#8217;t help but notice some patterns. I&#8217;ve done enough tracks now that I can lay something out in the sequencer and know that it&#8217;ll basically work without having to listen to it first. Classical and jazz musicians get to the point where by glancing over a score, they can hear it quite clearly in the mind&#8217;s ear. The Reason sequencer has a much shorter path into the brain&#8217;s deep sense-data processing centers because it&#8217;s dynamic, animated, and responsive to my thoughts in real time.</p>
<p><span id="more-315"></span></p>
<p>So here are three representative tunes. The rows are instruments, mostly sample players along with the odd drum machine or synth. The columns are groups of eight bars, sixty-four beats according to the dance music convention of a bar comprising eight eighth notes. You can see that every phrase in these tunes is two, four, eight or sixteen bars long. This is no accident. Powers of two sound good. Each colored brick is a phrase worth of sequencer data. My system is to color intros and outtros pale yellow, the verses blue, choruses green, instrumentals and breakdowns orange, and bridges purple. The colors are chosen soley on the basis of what looks good together on the screen.</p>
<p><strong>The Sign</strong> &#8211; <a href="http://www.revivalrevival.com/">Revival Revival</a> vs <a href="http://www.google.com/musica?aid=sgRGXwYGddM&amp;sa=X&amp;oi=music&amp;ct=result">Ace Of Base</a> vs <a href="http://www.flickr.com/photos/ethanhein/tags/supermario/">Super Mario Bros</a> vs <a href="http://en.wikipedia.org/wiki/Scientist_Rids_the_World_of_the_Evil_Curse_of_the_Vampires">Scientist</a></p>
<p><a href="http://www.flickr.com/photos/ethanhein/3192472818/"><img class="alignnone" title="The Sign" src="http://farm4.static.flickr.com/3421/3192472818_1c7446454b.jpg?v=0" alt="" width="500" height="417" /></a></p>
<p>Even though this track is a freakshow sonically and memetically, its underlying structure is total pop boilerplate. Every phrase is eight bars long. The intro is mostly identical to the verses, each of which is followed by the chorus. The breakdown is modeled on the verse, but twice as long, and is followed by a triple chorus to end the song. The outtro is the last chorus spaced out and with no drums, plus a little tag on the very end.</p>
<p><strong>Tomorrow Never Knows</strong> &#8211; <a href="http://www.revivalrevival.com/">Revival Revival</a> vs the <a href="http://www.flickr.com/photos/ethanhein/tags/beatles/">Beatles</a> vs <a href="http://www.flickr.com/photos/ethanhein/tags/mia/">M.I.A.</a> vs <a href="http://www.ethanhein.com/wp/2010/missy-elliot/">Missy Elliot</a></p>
<p><a href="http://www.flickr.com/photos/ethanhein/3191626429/"><img class="alignnone" title="Tomorrow Never Knows" src="http://farm4.static.flickr.com/3508/3191626429_69e50f3efc.jpg?v=0" alt="" width="500" height="344" /></a></p>
<p><object width="100%" height="81" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowscriptaccess" value="always" /><param name="src" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F23697251" /><embed width="100%" height="81" type="application/x-shockwave-flash" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F23697251" allowscriptaccess="always" /> </object> <a href="http://soundcloud.com/ethanhein/tomorrow-never-knows">Tomorrow Never Knows</a> by <a href="http://soundcloud.com/ethanhein">ethanhein</a></p>
<p>Since this is a fake Ravi Shankar tune, it has a more open-ended, less narrative structure. The single-chord jam fits electronic music like a glove, and fake Middle Eastern and Asian music usually translates better to computers than Western linear tunes with definite beginnings, middles and ends. Tomorrow Never Knows is a single <a href="http://www.ethanhein.com/theory/scalesandemotions.html">mixolydian</a> scale to infinity, verses interspersed with open-ended passages of swirling modal chaos. I have a few different versions of the basic loop with different densities, but functionally they&#8217;re all interchangeable. The colors are more general landmarks for me.</p>
<p><strong>Love Her Madly</strong> &#8211; <a href="http://www.revivalrevival.com/">Revival Revival</a> vs the <a href="http://en.wikipedia.org/wiki/Doors">Doors</a> vs <a href="http://www.flickr.com/photos/ethanhein/2541598325/">James Brown</a></p>
<p><a href="http://www.flickr.com/photos/ethanhein/3191626963/"><img class="alignnone" title="Love Her Madly" src="http://farm4.static.flickr.com/3523/3191626963_dd574f3be2.jpg?v=0" alt="" width="500" height="347" /></a></p>
<p>We like this tune so much that we extend it like crazy in performances. The recording only goes to the bridge once, but live we do a breakdown and then go back into the bridge, sometimes a few times. The outtro is when I rap.</p>
<p>MIDI sequencers like Reason have done for music notation and composition what word processing and the internet did for the written word. Especially intriguing is the way you can move the loop markers around during playback. My one sadness with Reason&#8217;s sequencer is that while there are many operations you can perform during playback and live recording, you can&#8217;t copy and paste in the sequencer window without stopping first. Maybe there&#8217;s some unavoidable software constraint here, or maybe it&#8217;s just lazy coding, I&#8217;ll give the Reason guys the benefit of the doubt and assume the former. I&#8217;m finding so much inspiration in their software, it feels ungrateful to criticize.</p>
<p><em>Reblogged on <a href="http://delicious.com/hysysk">Hysysk&#8217;s Delicious</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2009/in-the-sequencer-the-notation-is-the-performance/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
<enclosure url="http://www.ethanhein.com/music/Revival_Revival_Opened_Up_My_Mind.mp3" length="4470343" type="audio/mpeg" />
<enclosure url="http://www.ethanhein.com/music/revival_revival_love_her_madly.mp3" length="2908696" type="audio/mpeg" />
		</item>
	</channel>
</rss>

