<?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>Random Fractals&#187; interactive</title>
	<atom:link href="http://randomfractals.com/blog/flex/interactive/feed/" rel="self" type="application/rss+xml" />
	<link>http://randomfractals.com/blog</link>
	<description></description>
	<lastBuildDate>Sat, 27 Mar 2010 13:57:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Another hit&#8230;</title>
		<link>http://randomfractals.com/blog/2008/12/19/another-hit/</link>
		<comments>http://randomfractals.com/blog/2008/12/19/another-hit/#comments</comments>
		<pubDate>Fri, 19 Dec 2008 18:21:08 +0000</pubDate>
		<dc:creator>Taras</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Flickorama]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[mashup]]></category>
		<category><![CDATA[photoset]]></category>
		<category><![CDATA[viewer]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://tarasnovak.com/blog/?p=299</guid>
		<description><![CDATA[Flickorama finally got approved on programmableweb.com and was selected as the Mashup of the Day today.

I only noticed it because after reading The 3D Web in 2008 by Sarah Perez on readwriteweb.com last night,  I started considering getting back to it and adding some new features to keep me busy.
Eric Miraglia posted an encouraging Flickorama [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://tarasnovak.com/blog/2008/11/03/flickorama-update/" target="_self">Flickorama</a> finally got approved on programmableweb.com and was selected as the <a href="http://www.programmableweb.com/mashup/flickorama-3d-flickr-photoset-viewer/date">Mashup of the Day</a> today.</p>
<p><a href="http://www.programmableweb.com/mashup/flickorama-3d-flickr-photoset-viewer/date" target="_blank"><img class="alignright size-full wp-image-307" title="Flickorama on ProgrammableWeb.com" src="http://tarasnovak.com/blog/wp-content/uploads/2008/12/flickoramaonprogwebsmall.jpg" alt="Flickorama on ProgrammableWeb.com" width="157" height="136" /></a></p>
<p>I only noticed it because after reading <a href="http://www.readwriteweb.com/archives/the_3d_web_in_2008.php" target="_blank">The 3D Web in 2008</a> by <a href="http://www.readwriteweb.com/about_sarah.php">Sarah Perez</a> on readwriteweb.com last night,  I started considering getting back to it and adding some new features to keep me busy.</p>
<p>Eric Miraglia posted an <a href="http://ericmiraglia.com/blog/?p=115" target="_blank">encouraging Flickorama review</a> on his Impressive Pixel blog with good suggestions on improving ergonomics of this application, making it more responsive to mouse gestures, improving large photo view and taking screen resolution into consideration when displaying the photo sets.</p>
<p>I really liked the <a href="http://joshblog.net/2008/12/04/open-source-flex-component-popupthumbnail/" target="_blank">Popup Thumbnail component</a> Josh posted recently with the <a href="http://www.huddletogether.com/projects/lightbox2/" target="_blank">Lightbox</a> popup effect. I think that will make my large photo view really pop and create a much smoother image loading effect with the added animation. That&#8217;s one area I&#8217;ve been struggling with when designing this photo viewer.</p>
<p>I&#8217;ve started <a href="http://tarasnovak.com/blog/2008/11/03/flickorama-update/#nextRev" target="_self">my own wish list</a> in my previous update on Flickorama. Also, I&#8217;ve been doing some custom Wordpress build outs lately. More on this later, but what struck me is the staggering number of Wordpress plugins available, and I&#8217;ve been itching to do a plug-in of my own to get my hands dirty in some php.</p>
<p>So, I&#8217;ll be plugging away on Flickorama over the next two weeks.  Please drop me a note with your comments and suggestions on improving user interface, interactions, adding additional data sources or parametrized widgets/plugins you&#8217;d like to see.</p>
<p>Yes, 3D browsing is finally here and I think it will become mainstream for multimedia and news browsing in 2009.  <a href="http://www.thephotostream.com/" target="_blank">The PhotoStream</a> is a good example of such a news site.</p>
<p>As Sarah notes in her 3D Web in 2008 article:</p>
<blockquote><p>Where 3D is Cool: Browsing</p>
<p>&#8230; we&#8217;ve seen some developments in the use of 3D to deliver better visual browsing experiences. <a href="http://www.readwriteweb.com/archives/go_virtual_window_shopping_at_amazon.php">Amazon launched</a> their 3D <a href="http://windowshop.com/">Winodwshop site</a> which lets you virtually browse through the company&#8217;s top products.</p>
<p><img src="http://www.readwriteweb.com/images/windowshop.jpg" alt="" /></p>
<p>We&#8217;ve also seen other web applications integrate this 3D visual browsing technology including <a href="http://www.readwriteweb.com/archives/will_managedq_be_disruptive_to.php">ManagedQ&#8217;s semantic Google-based search</a>, <a href="http://www.readwriteweb.com/archives/the_photo_stream.php">Photo Stream&#8217;s visual newsroom</a> as well as <a href="http://www.readwriteweb.com/archives/3_unique_search_engines_of_the.php">newer search engines like Viewzi and SearchMe</a>. Although none of those have hit the mainstream, they all are interesting experiments.</p>
<p>However, one of our favorite 3D browsing tools is the technology from <a href="http://cooliris.com/">Cooliris</a>, a browser plugin that lets you transform the web into an immersive 3D experience. With Cooliris, you can surf a &#8220;wall of content&#8221; from sources like <a href="http://www.google.com/">Google</a>, <a href="http://www.flickr.com/">Flickr</a>, <a href="http://www.yahoo.com/">Yahoo</a>, <a href="http://www.smugmug.com/">SmugMug</a>, and <a href="http://www.deviantart.com/">DeviantArt</a>.</p></blockquote>
<h3  class="related_post_title">Related Posts</h3><ul class="related_post"><li><a href="http://randomfractals.com/blog/2008/11/03/flickorama-update/" title="Flickorama update">Flickorama update</a></li><li><a href="http://randomfractals.com/blog/2008/10/20/flickorama-openflux-plexiglass-flickr-mashup/" title="Flickorama &#8211; OpenFlux PlexiGlass Flickr Mashup">Flickorama &#8211; OpenFlux PlexiGlass Flickr Mashup</a></li><li><a href="http://randomfractals.com/blog/2008/11/11/2008-campaign-finances-remix-mashup-of-the-day/" title="2008 Campaign Finances Remix &#8212; Mashup of the Day!">2008 Campaign Finances Remix &#8212; Mashup of the Day!</a></li><li><a href="http://randomfractals.com/blog/2009/01/19/some-cool-3d-stuff-and-degrafa-maps-coming-soon/" title="Some cool 3D stuff and Degrafa Maps coming soon">Some cool 3D stuff and Degrafa Maps coming soon</a></li><li><a href="http://randomfractals.com/blog/2009/01/15/treemap-history/" title="Treemap History">Treemap History</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://randomfractals.com/blog/2008/12/19/another-hit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2008 Campaign Finances Remix &#8212; Mashup of the Day!</title>
		<link>http://randomfractals.com/blog/2008/11/11/2008-campaign-finances-remix-mashup-of-the-day/</link>
		<comments>http://randomfractals.com/blog/2008/11/11/2008-campaign-finances-remix-mashup-of-the-day/#comments</comments>
		<pubDate>Tue, 11 Nov 2008 17:05:19 +0000</pubDate>
		<dc:creator>Taras</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[2008]]></category>
		<category><![CDATA[campaign]]></category>
		<category><![CDATA[candidate]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[finances]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[mashup]]></category>
		<category><![CDATA[presidential]]></category>

		<guid isPermaLink="false">http://tarasnovak.com/blog/?p=257</guid>
		<description><![CDATA[My NY Times 2008 Campaign Finances Remix was selected the Mashup of the Day yesterday on programmableweb.com:

I created a shell for this application on election day and added quite a few features to make it more appealing and interactive since then.

You can see the features added last week and the different iterations of getting to [...]]]></description>
			<content:encoded><![CDATA[<p>My <a href="http://www.programmableweb.com/mashup/ny-times-2008-campaign-finances-remix" target="_blank">NY Times 2008 Campaign Finances Remix</a> was selected the Mashup of the Day yesterday on <a href="http://www.programmableweb.com/" target="_blank">programmableweb.com</a>:</p>
<p><a href="http://www.programmableweb.com/mashup/ny-times-2008-campaign-finances-remix" target="_blank"><img class="aligncenter size-full wp-image-259" title="2008 Campaign Finances Mashup of the Day on ProgrammableWeb.com" src="http://tarasnovak.com/blog/wp-content/uploads/2008/11/campaignfinancesmashupoftheday.jpg" alt="" width="428" height="320" /></a></p>
<p>I created a shell for this application on election day and added quite a few features to make it more appealing and interactive since then.</p>
<p><span id="more-257"></span></p>
<p>You can see the features added last week and the different iterations of getting to the current state in this slideshow (click on the Full Screen button in the slideshow toolbar to see it full screen).</p>[[Show as slideshow]]<h3  class="related_post_title">Related Posts</h3><ul class="related_post"><li><a href="http://randomfractals.com/blog/2008/11/04/2008-presidential-candidates-campaign-finances/" title="2008 Presidential Candidates Campaign Finances ">2008 Presidential Candidates Campaign Finances </a></li><li><a href="http://randomfractals.com/blog/2008/12/19/another-hit/" title="Another hit&#8230;">Another hit&#8230;</a></li><li><a href="http://randomfractals.com/blog/2008/11/03/flickorama-update/" title="Flickorama update">Flickorama update</a></li><li><a href="http://randomfractals.com/blog/2008/10/20/flickorama-openflux-plexiglass-flickr-mashup/" title="Flickorama &#8211; OpenFlux PlexiGlass Flickr Mashup">Flickorama &#8211; OpenFlux PlexiGlass Flickr Mashup</a></li><li><a href="http://randomfractals.com/blog/2008/10/16/interactive-bitmapdata-perlin-noise-explorer/" title="Interactive BitmapData Perlin Noise Explorer">Interactive BitmapData Perlin Noise Explorer</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://randomfractals.com/blog/2008/11/11/2008-campaign-finances-remix-mashup-of-the-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interactive BitmapData Perlin Noise Explorer</title>
		<link>http://randomfractals.com/blog/2008/10/16/interactive-bitmapdata-perlin-noise-explorer/</link>
		<comments>http://randomfractals.com/blog/2008/10/16/interactive-bitmapdata-perlin-noise-explorer/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 20:49:17 +0000</pubDate>
		<dc:creator>Taras</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[bitmapdata]]></category>
		<category><![CDATA[explorer]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[noise]]></category>
		<category><![CDATA[perlin]]></category>

		<guid isPermaLink="false">http://tarasnovak.com/blog/?p=124</guid>
		<description><![CDATA[If you&#8217;d like to create your own Perlin Noise music vis or try to produce programmatic natural-looking textures, here is an interactive BitmapData Perlin Noise Explorer for you to play with:

I&#8217;ll post some sample configurations for the clouds, sea, smoke, wood grain and brushed steal textures later.
Related PostsNoise TestPerlin Noise Music VisBack to SVG and [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;d like to create your own <a href="http://tarasnovak.com/blog/2008/10/16/perlin-noise-music-vis/" target="_blank">Perlin Noise music vis</a> or try to produce programmatic natural-looking textures, here is an <a href="http://www.tarasnovak.com/lab/PerlinNoiseExplorer/PerlinNoiseExplorer.html" target="_blank">interactive BitmapData Perlin Noise Explorer</a> for you to play with:</p>
<p style="text-align: center;"><a href="http://www.tarasnovak.com/lab/PerlinNoiseExplorer/PerlinNoiseExplorer.html" target="_blank"><img class="aligncenter size-full wp-image-126" title="Interactive BitmapData Perlin Noise Explorer" src="http://tarasnovak.com/blog/wp-content/uploads/2008/10/perlinnoiseexplorer.jpg" alt="" width="387" height="335" /></a></p>
<p>I&#8217;ll post some sample configurations for the clouds, sea, smoke, wood grain and brushed steal textures later.</p>
<h3  class="related_post_title">Related Posts</h3><ul class="related_post"><li><a href="http://randomfractals.com/blog/2008/10/10/noise-test/" title="Noise Test">Noise Test</a></li><li><a href="http://randomfractals.com/blog/2008/10/16/perlin-noise-music-vis/" title="Perlin Noise Music Vis">Perlin Noise Music Vis</a></li><li><a href="http://randomfractals.com/blog/2009/02/05/back-to-svg-and-a-cup-of-java-me/" title="Back to SVG and a cup of Java ME">Back to SVG and a cup of Java ME</a></li><li><a href="http://randomfractals.com/blog/2009/01/12/flick-flip-book-light/" title="Flick Flip Book Light">Flick Flip Book Light</a></li><li><a href="http://randomfractals.com/blog/2008/12/19/another-hit/" title="Another hit&#8230;">Another hit&#8230;</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://randomfractals.com/blog/2008/10/16/interactive-bitmapdata-perlin-noise-explorer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Noise Test</title>
		<link>http://randomfractals.com/blog/2008/10/10/noise-test/</link>
		<comments>http://randomfractals.com/blog/2008/10/10/noise-test/#comments</comments>
		<pubDate>Fri, 10 Oct 2008 22:41:27 +0000</pubDate>
		<dc:creator>Taras</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[bitmapdata]]></category>
		<category><![CDATA[explorer]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[no signal]]></category>
		<category><![CDATA[noise]]></category>

		<guid isPermaLink="false">http://tarasnovak.com/blog/?p=40</guid>
		<description><![CDATA[While attempting to build a sample video wall for my Flash video test drive, for loading all the video previews in a 9&#215;9 grid I wanted to simulate that good old &#8220;no signal&#8221; image and noise you get from a tube.
Here is a sample:

Click on the image and mouse over the noise animation to hear [...]]]></description>
			<content:encoded><![CDATA[<p>While attempting to build a sample video wall for my Flash video test drive, for loading all the video previews in a 9&#215;9 grid I wanted to simulate that good old &#8220;no signal&#8221; image and noise you get from a tube.</p>
<p>Here is a sample:</p>
<p style="text-align: center;"><a href="http://www.tarasnovak.com/lab/BitmapDataNoiseTest/BitmapDataNoiseTest.html" target="_blank"><img class="aligncenter size-full wp-image-54" title="No Signal Animation" src="http://tarasnovak.com/blog/wp-content/uploads/2008/10/bitmapdatanoisetest.jpg" alt="" width="178" height="180" /></a></p>
<p>Click on the image and mouse over the noise animation to hear that &#8220;no signal&#8221; sound effect. You can also <a href="http://tarasnovak.com/lab/BitmapDataNoiseTest/srcview/index.html" target="_blank">View Source</a> and <a href="http://tarasnovak.com/lab/BitmapDataNoiseTest/srcview/BitmapDataNoiseTest.zip" target="_blank">download</a> the tiny bit of code that generates this effect.</p>
<p>As I am sure you already know it&#8217;s generated with  <a href="http://livedocs.adobe.com/flex/3/langref/flash/display/BitmapData.html#noise()" target="_blank">BitmapData.noise()</a> function.</p>
<p>A while back I came across Keith Peters&#8217;s <a href="http://www.bit-101.com/explorers/NoiseExplorer.swf" target="_blank">NoiseExplorer</a> that was really handy to pick the color channel settings and other parameters of the bitmapData.noise() function to get that no signal image. The only part that nagged me was to click on the Render button every time I changed noise function parameters.</p>
<p>This sparked my interest in bitmapdata api and prompted me to explore Flex HSlider UI control capabilities, timers and sound effects. Before I knew it, I got too carried away and created an <a href="http://www.tarasnovak.com/lab/BitmapDataNoiseExplorer/BitmapDataNoiseExplorer.html" target="_blank">Interactive BitmapData Noise Explorer</a> of my own to test those Flex features and find some use for <a href="http://www.dougmccune.com/360Flex/ResizableWrapper/" target="_blank">Doug&#8217;s ResizableWrapper container</a> at the time.</p>
<p><span id="more-40"></span> Here is my Interactive BitmapData Noise Explorer:</p>
<p style="text-align: center;"><a href="http://www.tarasnovak.com/lab/BitmapDataNoiseExplorer/BitmapDataNoiseExplorer.html" target="_blank"><img class="size-full wp-image-120 aligncenter" title="Interactive BitmapData Noise Explorer" src="http://tarasnovak.com/blog/wp-content/uploads/2008/10/bitmapdatanoiseexplorer1.jpg" alt="" width="499" height="247" /></a></p>
<p>It provides informative tooltips for all the toggles. So, click on the image to pay with it. You can also <a href="http://www.tarasnovak.com/lab/BitmapDataNoiseExplorer/srcview/index.html" target="_blank">view</a> or <a href="http://www.tarasnovak.com/lab/BitmapDataNoiseExplorer/srcview/BitmapDataNoiseExplorer.zip" target="_blank">download</a> the source code.</p>
<p>What can you do with this?</p>
<p>I don&#8217;t think there are many practical applications of bitmapdata.noise() function. Video preloads and maybe some image transitions with alpha channel turned on is probably all you&#8217;d use this function for.</p>
<p><a href="http://livedocs.adobe.com/flex/3/langref/flash/display/BitmapData.html#perlinNoise()" target="_blank">BitmapData.perlinNoise()</a> on another hand is a powerful tool to generate natural textures and environments and will be the topic of my next blog post.</p>
<p>P.S.: unfortunately, I don&#8217;t recall where I got that nosingnal.mp3 anymore.</p>
<h3  class="related_post_title">Related Posts</h3><ul class="related_post"><li><a href="http://randomfractals.com/blog/2008/10/16/interactive-bitmapdata-perlin-noise-explorer/" title="Interactive BitmapData Perlin Noise Explorer">Interactive BitmapData Perlin Noise Explorer</a></li><li><a href="http://randomfractals.com/blog/2009/02/05/back-to-svg-and-a-cup-of-java-me/" title="Back to SVG and a cup of Java ME">Back to SVG and a cup of Java ME</a></li><li><a href="http://randomfractals.com/blog/2009/01/12/flick-flip-book-light/" title="Flick Flip Book Light">Flick Flip Book Light</a></li><li><a href="http://randomfractals.com/blog/2008/12/19/another-hit/" title="Another hit&#8230;">Another hit&#8230;</a></li><li><a href="http://randomfractals.com/blog/2008/11/11/2008-campaign-finances-remix-mashup-of-the-day/" title="2008 Campaign Finances Remix &#8212; Mashup of the Day!">2008 Campaign Finances Remix &#8212; Mashup of the Day!</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://randomfractals.com/blog/2008/10/10/noise-test/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
