<?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>Chris Teso &#187; sound visualization</title>
	<atom:link href="http://www.christeso.com/blog/index.php/tag/sound-visualization/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.christeso.com/blog</link>
	<description>Chris Teso is Director of Interactive Media, Flash Designer Developer and Portland Photographer.</description>
	<lastBuildDate>Sun, 06 Jun 2010 04:59:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Actionscript Sound Visualization with Drawing Api</title>
		<link>http://www.christeso.com/blog/index.php/lab/actionscript-sound-visualization-with-drawing-api/</link>
		<comments>http://www.christeso.com/blog/index.php/lab/actionscript-sound-visualization-with-drawing-api/#comments</comments>
		<pubDate>Fri, 19 Sep 2008 22:13:29 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[Actionscript Sound & Drawing Api]]></category>
		<category><![CDATA[Actionscript Sound Visualization]]></category>
		<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[Life]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[sound visualization]]></category>
		<category><![CDATA[soundmixer]]></category>

		<guid isPermaLink="false">http://www.christeso.com/index.php/life/drawr/</guid>
		<description><![CDATA[lab]]></description>
			<content:encoded><![CDATA[<div style="text-align: left; padding: 3px;">
<a href="http://www.christeso.com/labs/actionscript-3-sound-visualization-drawing.asp" target="_blank"><img src="http://farm4.static.flickr.com/3235/2871342272_d009b0775c.jpg" style="border: solid 2px #000000;" alt="" /></a><br />
<br />
<span style="font-size: 0.8em; margin-top: 0px;"><a href="http://www.flickr.com/photos/nymphobrainiac/2871342272/"></a>, originally uploaded by <a href="http://www.flickr.com/people/nymphobrainiac/">NymphoBrainiac</a>.</span>
</div>
<p>
drawn entirely with code, with an assist from radiohead.</p>
<p>Think of code as the &#8216;painter&#8217;. The &#8216;painter&#8217; analyzes the the color of each pixel in the image you pass it. Other code analyzes Mp3 data and controls the &#8216;painter&#8217;. Thus, the  &#8216;painting&#8217; is performed using music as the artist.</p>
<p><a href="http://www.christeso.com/labs/actionscript-3-sound-visualization-drawing.asp" target="_blank">go here to draw your own</a>
</p>
<p>Permalink: http://www.christeso.com/index.php/lab/actionscript-sound-visualization-with-drawing-api/</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Actionscript%20Sound%20Visualization%20with%20Drawing%20Api%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Factionscript-sound-visualization-with-drawing-api%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Factionscript-sound-visualization-with-drawing-api%2F&amp;t=Actionscript%20Sound%20Visualization%20with%20Drawing%20Api" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Factionscript-sound-visualization-with-drawing-api%2F&amp;title=Actionscript%20Sound%20Visualization%20with%20Drawing%20Api&amp;bodytext=lab" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Factionscript-sound-visualization-with-drawing-api%2F&amp;title=Actionscript%20Sound%20Visualization%20with%20Drawing%20Api&amp;notes=lab" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Factionscript-sound-visualization-with-drawing-api%2F&amp;title=Actionscript%20Sound%20Visualization%20with%20Drawing%20Api&amp;annotation=lab" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Factionscript-sound-visualization-with-drawing-api%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/lab/actionscript-sound-visualization-with-drawing-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AS3 Sound Visualization Engine</title>
		<link>http://www.christeso.com/blog/index.php/lab/as3-sound-visualization-engine/</link>
		<comments>http://www.christeso.com/blog/index.php/lab/as3-sound-visualization-engine/#comments</comments>
		<pubDate>Fri, 12 Sep 2008 00:03:36 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[AS3 Sound Visualization Engine]]></category>
		<category><![CDATA[Actionscript Sound Visualization]]></category>
		<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[Life]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[code is art]]></category>
		<category><![CDATA[dolorean]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[sound]]></category>
		<category><![CDATA[sound visualization]]></category>

		<guid isPermaLink="false">http://www.christeso.com/index.php/life/as3-sound-visualization-engine/</guid>
		<description><![CDATA[lab]]></description>
			<content:encoded><![CDATA[<div style="text-align: left; padding: 3px;">
<a href="http://www.christeso.com/labs/actionscript-3-sound-visualization.asp" target="_blank"><img src="http://farm4.static.flickr.com/3117/2848924733_30d62fa0ac.jpg" style="border: solid 2px #000000;" alt="" /></a><br />
<br />
<span style="font-size: 0.8em; margin-top: 0px;"><a href="http://www.flickr.com/photos/nymphobrainiac/2848924733/"></a>, originally uploaded by <a href="http://www.flickr.com/people/nymphobrainiac/">NymphoBrainiac</a>.</span>
</div>
<p>
Remember when I used to take photographs and post them on flickr?</p>
<p>Well, I guess I&#8217;ve been distracted making things, rather than just recording them.</p>
<p>This is one of those things. A sound visualization engine built in Actionscript. It works by analyzing the raw data of an mp3 file, taking a snapshot of its sound wave every 31 milliseconds and placing it into a ByteArray. The ByteArray is fixed to 512 floating-point values, where the first 256 values represent the left channel, and the second 256 values represent the right channel of audio. I then loop through all 512 channels and assign animations based on each (again every 31 milliseconds). The animation effects are assigned randomly applying blurring, scaling, motion and sizing based on the sound wave values.  For added effect I added a <a href="http://www.flickr.com/photos/nymphobrainiac/1375701629/" target="_blank">photo of cannon beach</a> I took and masked it with the sound wave. After all the song is about a beach.</p>
<p>Check it out here: <a href="http://www.christeso.com/labs/actionscript-3-sound-visualization.asp" target="_blank">AS3 Sound Visualization Engine</a>.</p>
<p>Music: Beachcomber Blues &#8211; Dolorean</p>
<p>Permalink: http://www.christeso.com/index.php/lab/as3-sound-visualization-engine/as3-sound-visualization-engine/</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=AS3%20Sound%20Visualization%20Engine%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-sound-visualization-engine%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-sound-visualization-engine%2F&amp;t=AS3%20Sound%20Visualization%20Engine" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-sound-visualization-engine%2F&amp;title=AS3%20Sound%20Visualization%20Engine&amp;bodytext=lab" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-sound-visualization-engine%2F&amp;title=AS3%20Sound%20Visualization%20Engine&amp;notes=lab" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-sound-visualization-engine%2F&amp;title=AS3%20Sound%20Visualization%20Engine&amp;annotation=lab" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-sound-visualization-engine%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/lab/as3-sound-visualization-engine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
