<?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 Portfolio of Burton Posey &#187; Interactive</title>
	<atom:link href="http://www.burtonposey.com/category/interactive/feed" rel="self" type="application/rss+xml" />
	<link>http://www.burtonposey.com</link>
	<description>Interactive and Game Designer/Developer</description>
	<lastBuildDate>Wed, 14 Dec 2011 07:12:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>The Electric Company&#8217;s Prankster Planet</title>
		<link>http://www.burtonposey.com/interactive/prankster-planet</link>
		<comments>http://www.burtonposey.com/interactive/prankster-planet#comments</comments>
		<pubDate>Wed, 14 Dec 2011 03:01:23 +0000</pubDate>
		<dc:creator>Burton</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.burtonposey.com/?p=316</guid>
		<description><![CDATA[About the project The assignment was to develop the side-scrolling gameplay portions of a &#8220;trans-media&#8221; experience for The Electric Company, a timeless and popular kid&#8217;s program on PBS. Working for Primal Screen, I filled the role of Flash developer as an independent contractor for a period of seven months. After initial research, we used the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.burtonposey.com/wp-content/images/panel/pranksterPlanet_Panel.jpg" rel="shadowbox[post-316];player=img;"><img class="aligncenter" title="The Electric Company's Prankster Planet - Inside the Electric Diner" src="http://www.burtonposey.com/wp-content/images/panel/pranksterPlanet_Panel.jpg" alt="" width="626" height="470" /></a></p>
<h3>About the project</h3>
<p>The assignment was to develop the side-scrolling gameplay portions of a &#8220;trans-media&#8221; experience for The Electric Company, a timeless and popular kid&#8217;s program on PBS. Working for Primal Screen, I filled the role of Flash developer as an independent contractor for a period of seven months. After initial research, we used the <a href="http://www.sideroller.com/wck/">World Construction Kit</a>. This proved to be a great choice as we were able to interactively layout our levels without the need to build our own level editor from scratch. This choice enabled us to meet our deadlines and still focus on creating unique content and engaging game systems. The project was developed in the Actionscript 3 (AS3) language and we employed heavily the use of the Flash IDE and it&#8217;s JSFL Tools, and Flash Builder.</p>
<p>Key features for the game&#8217;s implementation and other notes include:</p>
<ul>
<li>Custom Bitmap caching system &#8211; Allowed  design team to work in vector format and still get many of the performance benefits afforded to a Bitmap based system</li>
<li>Trigger System &#8211; Created a system that allowed us to create interactions between components (e.g. a key opens a door, a remote turns off a device) that helped to enrich and connect the world as a more whole experience</li>
<li>Custom Cinematic Camera System &#8211; Using the Trigger system, the game could pause and move the game camera across the level in order to highlight and interact with objects in other areas of the game level. This was great for giving overviews and better context to the game experience.</li>
<li>Character caching system &#8211; Utilized and modified existing Flash API to take a completely custom character with more than 100 frames of animation, custom accessories, colors, etc. and render it to a sequence of flat images for fast drawing to the screen.</li>
<li><strong>Success!</strong> &#8211; The experience that I was able to help create and shape with the creative power of Primal Screen proved to be an extremely successful campaign. <strong><a href="http://primalscreen.com/projects/electriccompany">See the stats for yourself!</a></strong></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.burtonposey.com/interactive/prankster-planet/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Augmented Reality Business Card</title>
		<link>http://www.burtonposey.com/interactive/augmented-reality-business-card</link>
		<comments>http://www.burtonposey.com/interactive/augmented-reality-business-card#comments</comments>
		<pubDate>Wed, 16 Sep 2009 06:29:01 +0000</pubDate>
		<dc:creator>Burton</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[AR]]></category>
		<category><![CDATA[augmented reality]]></category>
		<category><![CDATA[business card]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Papervision 3d]]></category>

		<guid isPermaLink="false">http://www.burtonposey.com/?p=264</guid>
		<description><![CDATA[The augmented reality avatar concept for the business card provides a way to provide potential clients and associates a way to get past the logo and brand and get to know the people that make the brand happen.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><object style="width: 640px; height: 480px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="480" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=6603727&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed style="width: 640px; height: 480px;" type="application/x-shockwave-flash" width="640" height="480" src="http://vimeo.com/moogaloop.swf?clip_id=6603727&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1"></embed></object></p>
<p style="text-align: center;"><a href="http://vimeo.com/6603727">Augmented Reality Business Card &#8211; Avatar Concept</a> from <a href="http://vimeo.com/user2306966">Burton Posey</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>I&#8217;ve created a special portion of the site for this project. Please visit <a href="http://www.burtonposey.com/thecard">http://www.burtonposey.com/thecard</a> to see this application in action.</p>
<p>The augmented reality avatar concept for the business card provides a way to provide potential clients and associates a way to get past the logo and brand and get to know the people that make the brand happen. You could just as easily include hobbies or little known facts for yourself or an employee.</p>
<p>This is an idea I&#8217;d been kicking around in my head since February. I wanted to find a way that a company could deliver a catchy identity for themselves. Avatars, be it the Mii&#8217;s on the Nintendo Wii, or an Xbox Live Avatar, have become extensions of the people who use them.</p>
<p>Special thanks to the Papervision team for the recent rev 911 of Papervision. With it, I was able to resolve issues I had been having for several months that prevented my avatar&#8217;s animations from importing properly.</p>
<p>-Character was modeled, unwrapped, rigged, weighted in Maya by myself. Animations (idle, wave) done by <a href="http://www.thebarnesvault.com/">Jason Barnes</a>.<br />
-Texture created in Photoshop (Ambient Occlusion maps overlayed from Maya) by myself</p>
]]></content:encoded>
			<wfw:commentRss>http://www.burtonposey.com/interactive/augmented-reality-business-card/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Bates &amp; Bates Site Update</title>
		<link>http://www.burtonposey.com/interactive/bates-bates</link>
		<comments>http://www.burtonposey.com/interactive/bates-bates#comments</comments>
		<pubDate>Thu, 10 Sep 2009 17:25:49 +0000</pubDate>
		<dc:creator>Burton</dc:creator>
				<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.burtonposey.com/?p=40</guid>
		<description><![CDATA[Charged with fixing some issues present in a former version of this site, I took the assets and flow present in an Actionscript 2.0 format and converted the site into an SEO capable, deep linking enabled site.]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.burtonposey.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/40.jpg&amp;w=200&amp;h=150&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p style="font-size: 13px; line-height: 19px;"><a href="http://www.burtonposey.com/wp-content/uploads/2009/08/batesBates_mainPic.jpg" rel="shadowbox[post-40];player=img;"><img class="aligncenter size-full wp-image-162" title="Bates &amp; Bates Entertainment Practice" src="http://www.burtonposey.com/wp-content/uploads/2009/08/batesBates_mainPic.jpg" alt="Bates &amp; Bates Entertainment Practice" width="626" height="343" /></a></p>
<h3>About the project</h3>
<p style="font-size: 13px; line-height: 19px;">Charged with fixing some issues present in a former version of this site, I took the assets and flow present in an Actionscript 2.0 format and converted the site into an SEO capable, deep linking enabled site. In most dedicated Flash sites, users are given one web address to visit the site through. They&#8217;re simply unable to go right to a certain page in the site, let alone back up to a page they were on before within the site&#8217;s architecture. Utilizing the fantastic Gaia framework developed by Steven Sacks, I was able to remedy this problem. The client can now refer their entertainment clients to their entertainment page, their patent clients to their patent page, etc.</p>
<p style="font-size: 13px; line-height: 19px; text-align: center;"><a href="http://www.burtonposey.com/wp-content/uploads/2009/08/batesBates_pic03.jpg" rel="shadowbox[post-40];player=img;"><img class="size-medium wp-image-154 alignnone" title="Bates &amp; Bates Trademark Page" src="http://www.burtonposey.com/wp-content/uploads/2009/08/batesBates_pic03-300x164.jpg" alt="batesBates_pic03" width="180" height="98" /></a> <a href="http://www.burtonposey.com/wp-content/uploads/2009/08/batesBates_pic02.jpg" rel="shadowbox[post-40];player=img;"><img class="size-medium wp-image-153 alignnone" title="Bates &amp; Bates About Page" src="http://www.burtonposey.com/wp-content/uploads/2009/08/batesBates_pic02-300x164.jpg" alt="batesBates_pic02" width="180" height="98" /></a> <a href="http://www.burtonposey.com/wp-content/uploads/2009/08/batesBates_pic01.jpg" rel="shadowbox[post-40];player=img;"><img class="size-medium wp-image-152 alignnone" title="Bates &amp; Bates Home Page" src="http://www.burtonposey.com/wp-content/uploads/2009/08/batesBates_pic01-300x164.jpg" alt="batesBates_pic01" width="180" height="98" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.burtonposey.com/interactive/bates-bates/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>API Leasing Timeline</title>
		<link>http://www.burtonposey.com/interactive/api-leasing-timeline</link>
		<comments>http://www.burtonposey.com/interactive/api-leasing-timeline#comments</comments>
		<pubDate>Thu, 03 Sep 2009 17:11:23 +0000</pubDate>
		<dc:creator>Burton</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.burtonposey.com/?p=120</guid>
		<description><![CDATA[Incorporating Papervision3D, dynamically loaded content, and on-demand video streams, the API Leasing Timeline project gives a feature rich account of the monetary and time costs associated with drilling for oil off of our coasts.]]></description>
			<content:encoded><![CDATA[<h3 style="text-align: center;"><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/apiLeasingTimeline_mainPic.jpg" rel="shadowbox[post-120];player=img;"><img class="aligncenter size-full wp-image-167" title="API Leasing Timeline - Zoomed Out View" src="http://www.burtonposey.com/wp-content/uploads/2009/09/apiLeasingTimeline_mainPic.jpg" alt="API Leasing Timeline - Zoomed Out View" width="626" height="341" /></a></h3>
<h3>About the project</h3>
<p style="text-align: left;">Incorporating Papervision3D, dynamically loaded content, and on-demand video streams, the API Leasing Timeline project gives a feature rich account of the monetary and time costs associated with drilling for oil off of our coasts. Notable technical aspects of the projects include the implementation of Papervision3D to display the pages as they seemingly flip out towards the user. When the user zooms out from the booklet, a Bitmap representation of the pages is revealed when the user utilizes the magnifying glass feature. I was responsible for the initial implementation of this project, including initial first research done on Flash 3D technologies and the integration of assets from Autodesk Maya. The project was refactored before launch with a team of 4 developers.</p>
<p style="text-align: center;"><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/apiLeasingTimeline_pic01.jpg" rel="shadowbox[post-120];player=img;"><img class="alignnone size-thumbnail wp-image-168" src="http://www.burtonposey.com/wp-content/uploads/2009/09/apiLeasingTimeline_pic01-150x150.jpg" alt="apiLeasingTimeline_pic01" width="98" height="98" /></a><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/apiLeasingTimeline_pic02.jpg" rel="shadowbox[post-120];player=img;"> <img class="alignnone size-thumbnail wp-image-169" src="http://www.burtonposey.com/wp-content/uploads/2009/09/apiLeasingTimeline_pic02-150x150.jpg" alt="apiLeasingTimeline_pic02" width="98" height="98" /></a> <a href="http://www.burtonposey.com/wp-content/uploads/2009/09/apiLeasingTimeline_pic03.jpg" rel="shadowbox[post-120];player=img;"><img class="alignnone size-thumbnail wp-image-170" src="http://www.burtonposey.com/wp-content/uploads/2009/09/apiLeasingTimeline_pic03-150x150.jpg" alt="apiLeasingTimeline_pic03" width="98" height="98" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.burtonposey.com/interactive/api-leasing-timeline/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Business Roundtable</title>
		<link>http://www.burtonposey.com/interactive/business-roundtable</link>
		<comments>http://www.burtonposey.com/interactive/business-roundtable#comments</comments>
		<pubDate>Thu, 20 Aug 2009 17:16:35 +0000</pubDate>
		<dc:creator>Burton</dc:creator>
				<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://www.burtonposey.com/?p=118</guid>
		<description><![CDATA[Developed in Actionscript 3, The Business Roundtable flash components were designed with the intent that editing the content of the widget shouldn't always have to involve a developer.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_MainPic.jpg" rel="shadowbox[post-118];player=img;"><img class="aligncenter size-full wp-image-185" title="Business Roundtable" src="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_MainPic.jpg" alt="Business Roundtable" width="626" height="480" /></a></p>
<h3>About the project</h3>
<p>Developed in Actionscript 3, The Business Roundtable flash components were designed with the intent that editing the content of the widget shouldn&#8217;t always have to involve a developer. The images and text of the top component are both xml driven. The information utilized in the ticker component is also xml, though generated from the database of company listings in the site&#8217;s databases.</p>
<p style="text-align: center;"><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_main01.jpg" rel="shadowbox[post-118];player=img;"> </a><a href="../wp-content/uploads/2009/09/brt_main01.jpg" rel="shadowbox[post-118];player=img;"><img src="../wp-content/uploads/2009/09/brt_main01-180x47.jpg" alt="" width="180" height="47" /> </a><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_main02.jpg" rel="shadowbox[post-118];player=img;"><img class="alignnone size-thumbnail wp-image-182" src="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_main02-180x47.jpg" alt="" width="180" height="47" /></a></p>
<p style="text-align: center;"><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_main03.jpg" rel="shadowbox[post-118];player=img;"><img class="alignnone size-thumbnail wp-image-183" src="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_main03-180x47.jpg" alt="" width="181" height="47" /> </a><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_main04.jpg" rel="shadowbox[post-118];player=img;"><img class="alignnone size-thumbnail wp-image-184" src="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_main04-180x47.jpg" alt="" width="180" height="47" /></a></p>
<p style="text-align: center;"><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_main04.jpg" rel="shadowbox[post-118];player=img;"></a><a href="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_bottomTicker.jpg" rel="shadowbox[post-118];player=img;"><img class="alignnone size-thumbnail wp-image-192" src="http://www.burtonposey.com/wp-content/uploads/2009/09/brt_bottomTicker-180x10.jpg" alt="" width="180" height="10" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.burtonposey.com/interactive/business-roundtable/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

