<?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>The paperCrane's view from the reverseFold &#187; Flash</title>
	<atom:link href="http://www.reversefold.com/blog/category/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.reversefold.com/blog</link>
	<description>Flex, PHP, and anything else I care to talk about</description>
	<lastBuildDate>Sat, 24 Jul 2010 04:55:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>More Fractal Letters</title>
		<link>http://www.reversefold.com/blog/2009/02/10/more-fractal-letters/</link>
		<comments>http://www.reversefold.com/blog/2009/02/10/more-fractal-letters/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 19:16:03 +0000</pubDate>
		<dc:creator>papercrane</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[Fractal]]></category>

		<guid isPermaLink="false">http://www.reversefold.com/blog/?p=123</guid>
		<description><![CDATA[I&#8217;ve continued adding bits to my fractal letters over the past few weeks and have finally finished everything to print out my full e-mail address. The @ symbol was particularly interesting and I think it turned out pretty nice. The pictures link to the updated app. Enjoy, and as usual, don&#8217;t slide the slider up [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve continued adding bits to my <a title="Fractal Letters" href="http://www.reversefold.com/blog/2009/01/20/fractal-letters/">fractal letters</a> over the past few weeks and have finally finished everything to print out my full e-mail address. The @ symbol was particularly interesting and I think it turned out pretty nice.</p>
<div id="attachment_125" class="wp-caption aligncenter" style="width: 560px"><img class="size-full wp-image-125" title="Fractal Email - first iteration" src="http://www.reversefold.com/blog/wp-content/uploads/2009/02/fractal_email_11.png" alt="fractal_email_11" width="550" height="298" /><p class="wp-caption-text">Fractal Email - first iteration</p></div>
<p style="text-align: left;">
<div id="attachment_127" class="wp-caption aligncenter" style="width: 560px"><img class="size-full wp-image-127" title="Fractal Email - third iteration" src="http://www.reversefold.com/blog/wp-content/uploads/2009/02/fractal_email_3.png" alt="Fractal Email - third iteration" width="550" height="295" /><p class="wp-caption-text">Fractal Email - third iteration</p></div>
<div id="attachment_128" class="wp-caption aligncenter" style="width: 560px"><img class="size-full wp-image-128" title="Fractal Email - fifth iteration" src="http://www.reversefold.com/blog/wp-content/uploads/2009/02/fractal_email_5.png" alt="Fractal Email - fifth iteration" width="550" height="294" /><p class="wp-caption-text">Fractal Email - fifth iteration</p></div>
<p>The pictures link to the updated app. Enjoy, and as usual, don&#8217;t slide the slider up to the max unless you&#8217;re willing to wait while your entire browser hangs for several minutes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.reversefold.com/blog/2009/02/10/more-fractal-letters/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fractal Letters</title>
		<link>http://www.reversefold.com/blog/2009/01/20/fractal-letters/</link>
		<comments>http://www.reversefold.com/blog/2009/01/20/fractal-letters/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 08:08:23 +0000</pubDate>
		<dc:creator>papercrane</dc:creator>
				<category><![CDATA[AIR]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[FlexBuilder]]></category>
		<category><![CDATA[Fractal]]></category>
		<category><![CDATA[Papervision3D]]></category>
		<category><![CDATA[math]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[l-system]]></category>

		<guid isPermaLink="false">http://www.reversefold.com/blog/?p=116</guid>
		<description><![CDATA[On the way home last Thursday I decided to try creating fractal letters. The idea was to replace each &#8220;line&#8221; in a simple version of a letter with a copy of itself but allow for the aspect ratio of its dimensions to change so that the result is still recognizable as a letter. This is [...]]]></description>
			<content:encoded><![CDATA[<p>On the way home last Thursday I decided to try creating fractal letters. The idea was to replace each &#8220;line&#8221; in a simple version of a letter with a copy of itself but allow for the aspect ratio of its dimensions to change so that the result is still recognizable as a letter. This is something like an <a title="L-system" href="http://en.wikipedia.org/wiki/L-system">L-system</a>, of which the <a title="Dragon curve" href="http://en.wikipedia.org/wiki/Dragon_curve">Dragon curve</a> is one. After a weekend&#8217;s worth of work I have what amounts to thirteen different fractal letter algorithms for six different letters. 1 P, 3 A, 2 E, 2 R, 2 C, 3 N. Yes, those spell PAPERCRANE. Here is the first iteration (just the letters).</p>
<div id="attachment_117" class="wp-caption alignnone" style="width: 510px"><a href="http://www.reversefold.com/flex/fractalLetters/"><img class="size-full wp-image-117" title="Fractal Letters, iteration 1" src="http://www.reversefold.com/blog/wp-content/uploads/2009/01/fractalletters_1.png" alt="Fractal Letters, iteration 1" width="500" height="234" /></a><p class="wp-caption-text">Fractal Letters, iteration 1</p></div>
<p>And here is the fifth iteration:</p>
<div id="attachment_118" class="wp-caption alignnone" style="width: 510px"><a href="http://www.reversefold.com/flex/fractalLetters/"><img class="size-full wp-image-118" title="Fractal Letters, iteration 5" src="http://www.reversefold.com/blog/wp-content/uploads/2009/01/fractalletters_5.png" alt="Fractal Letters, iteration 5" width="500" height="251" /></a><p class="wp-caption-text">Fractal Letters, iteration 5</p></div>
<p>Some letters have variations in how they are drawn or how they repeat, or both (hence the 2 lines). The bottom N uses an algorithm I worked out which didn&#8217;t change the aspect ratio and had only one repetition per line. Both of the N variants in the words use two repetitions per line and constrict the width faster than the height, which leaves the N recognizable. The idea here, after all, was to make letters which had a cool fractal look but could still be read.</p>
<p>Click either of the pictures to view the flex app and play with the iterations yourself. Just drag (or click on) the slider on the bottom of the app to change the iteration.</p>
<p>Stay tuned, I have another blog post coming up soon specifically about that N on the bottom, the math required to create the algorithm, and some interesting (and beautiful) results I got when implementing a test program.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.reversefold.com/blog/2009/01/20/fractal-letters/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Falling Away</title>
		<link>http://www.reversefold.com/blog/2008/10/28/falling-away/</link>
		<comments>http://www.reversefold.com/blog/2008/10/28/falling-away/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 18:33:06 +0000</pubDate>
		<dc:creator>papercrane</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[bitmapdata]]></category>
		<category><![CDATA[flash 10]]></category>

		<guid isPermaLink="false">http://www.reversefold.com/wordpress/?p=49</guid>
		<description><![CDATA[I had a new idea last night on my way home for a simple use of Flash 10&#8242;s 3D to do a simple visualization. Imagine that you are looking down at the ground from high up. Suddenly the screen falls away and starts falling to the ground. Then the ground you were looking at falls [...]]]></description>
			<content:encoded><![CDATA[<p>I had a new idea last night on my way home for a simple use of Flash 10&#8242;s 3D to do a simple visualization. Imagine that you are looking down at the ground from high up. Suddenly the screen falls away and starts falling to the ground. Then the ground you were looking at falls away and you rezlize that it was only a screen. Repeat.</p>
<p><a href="http://www.reversefold.com/flash/falling_away/"><img class="alignnone" title="Falling Away Screenshot" src="http://www.reversefold.com/flash/falling_away/screenshot.jpg" alt="" width="440" height="331" /></a></p>
<p>This screenshot shows the app running with a flickr satellite photo feed displaying on each falling plane. Unfortunately, since my code uses <tt>BitmapData.draw()</tt>, this won&#8217;t work from the web as I don&#8217;t want to run a flickr proxy. The linked version simply colors the planes, but you can get the idea from it. Right click the movie to view its code. If you run it locally with <tt>USE_FLICKR = true</tt> you can see the full effect.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.reversefold.com/blog/2008/10/28/falling-away/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash 10 Camp, 3D, Sound Creation, and IK</title>
		<link>http://www.reversefold.com/blog/2008/10/12/flash-10-camp-3d-sound-creation-and-ik/</link>
		<comments>http://www.reversefold.com/blog/2008/10/12/flash-10-camp-3d-sound-creation-and-ik/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 04:54:02 +0000</pubDate>
		<dc:creator>papercrane</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[flash 10]]></category>
		<category><![CDATA[flashcamp]]></category>
		<category><![CDATA[ik]]></category>
		<category><![CDATA[sound]]></category>

		<guid isPermaLink="false">http://www.reversefold.com/wordpress/?p=45</guid>
		<description><![CDATA[I&#8217;ve just come home from Flash(10)Camp and am winding down. I had a lot of fun, saw some coll stuff, and even won Best Audio (with my team) with our app Flash Tones. I was actually very surprised, there were a lot of well done apps, including others that generated sound but I guess we [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve just come home from <a title="FlashCamp" href="http://www.flashcamp.org/">Flash(10)Camp</a> and am winding down. I had a lot of fun, saw some coll stuff, and even won Best Audio (with my team) with our app <a title="Flash Tones" href="http://www.reversefold.com/flashCamp/flashTones/">Flash Tones</a>.</p>
<p><a href="http://www.reversefold.com/flashCamp/flashTones/"><img class="alignnone" title="Flash Tones" src="http://www.reversefold.com/flashCamp/flashTones/screenshot.png" alt="" width="438" height="318" /></a></p>
<p>I was actually very surprised, there were a lot of well done apps, including others that generated sound but I guess we just had the app polished well enough. Thanks to Rod for that, he gave us the last few bits that really made it look nice. You&#8217;ll need Flash Player 10 and a web cam if you want to try it out.</p>
<p>All of the features I saw in Flash Player 10 were ones I&#8217;d seen before, except for the sound generation. Things were more in depth and better put together this time, though. The sound generation is nice, but complicated and hard to make it do what you&#8217;re expecting. Of course, I&#8217;m assuming you know almost nothing about the specifics of sound, like I do.</p>
<p>IK is fun, but I I focused on the other 2 as I didn&#8217;t have any IK idea that seemed particularly interesting.</p>
<p>The 3D is very nice, being able to move and rotate objects in all three dimensions opens up a lot of new possibilities. I had a lot of fun creating some simple squares and rotating them, then applying various blend modes and filters. Here are 2 of my favorites:</p>
<p><a href="http://www.reversefold.com/flashCamp/knockoutSquares/"><img class="alignnone" title="Knockout Squares" src="http://www.reversefold.com/flashCamp/knockoutSquares/screenshot.png" alt="" width="437" height="316" /></a></p>
<p><a href="http://www.reversefold.com/flashCamp/redSquares/"><img class="alignnone" title="Red Squares" src="http://www.reversefold.com/flashCamp/redSquares/screenshot.png" alt="" width="435" height="318" /></a></p>
<p>Those were fun but then someone mentioned webcams. I successfully connected up webcam video to my project and then spent several hours getting the video mapped to each of the rotating squares then getting it all matched up with the video behind it. I then added edge detection (thanks to <a title="Sobel Edge Detection" href="http://lukewalsh.co.uk/blog/2008/06/sobel-edge-detection-in-flash.html">Luke Walsh&#8217;s post</a>), added some more blending and filters and voila!</p>
<p><a href="http://www.reversefold.com/flashCamp/blueSquares/"><img class="alignnone" title="Blue Squares" src="http://www.reversefold.com/flashCamp/blueSquares/screenshot.png" alt="" width="437" height="316" /></a></p>
<p>I was quite proud of that and still think it looks cool. I wish I&#8217;d shown it earlier at the Hackathon but then again we won an award so I guess I&#8217;m just being greedy.</p>
<p>As an added bonus, here&#8217;s an earlier version of Flash Tones which warbled in an interesting way. Try putting your hand up at the very right edge of the screen.</p>
<p><a href="http://www.reversefold.com/flashCamp/flashTones/warble/"><img class="alignnone" title="Warbling Flash Tones" src="http://www.reversefold.com/flashCamp/flashTones/warble/screenshot.png" alt="" width="437" height="317" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.reversefold.com/blog/2008/10/12/flash-10-camp-3d-sound-creation-and-ik/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
