<?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>Sunil John &#124; Interactive Portfolio</title>
	<atom:link href="http://www.suniljohn.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.suniljohn.com</link>
	<description></description>
	<lastBuildDate>Sat, 30 Jan 2010 21:30:11 +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>Sprint NYTS</title>
		<link>http://www.suniljohn.com/sprint-nyts/</link>
		<comments>http://www.suniljohn.com/sprint-nyts/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 02:27:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Professional Work]]></category>

		<guid isPermaLink="false">http://localhost:8888/portfolio/?p=69</guid>
		<description><![CDATA[July 2009  &#8211; Interactive Game, Reuters Billboard &#8211; Times Square New York City Company: Fuel Industries Client: Goodby, Silverstein &#38; Partners Type: Interactive Game, Installation I was one of 4 Flash developers on this interactive billboard game installed in Times Square. Pedestrians on the street use their cell phone as a controller, to navigate their avatar across a busy NYC intersection &#8220;frogger&#8221; style. The game can be played with one or two players. I developed an initial click through of the game.]]></description>
			<content:encoded><![CDATA[<p><span>July 2009  &#8211; <a href="http://www.timessquare2.com/webcams_as3.asp?timestamp=20090813233942" target="_blank">Interactive Game, Reuters Billboard</a> &#8211; Times Square New York City</span></p>
<p><strong>Company:</strong><strong> </strong>Fuel Industries<br />
<strong>Client: </strong>Goodby, Silverstein &amp; Partners<br />
<strong>Type: </strong>Interactive Game, Installation</p>
<p>I was one of 4 Flash developers on this interactive billboard game installed in Times Square. Pedestrians on the street use their cell phone as a controller, to navigate their avatar across a busy NYC intersection &#8220;frogger&#8221; style. The game can be played with one or two players.</p>
<p>I developed an initial click through of the game.</p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Sprint_3.png" rel="shadowbox[post-69];player=img;"><img class="size-full wp-image-258 aligncenter" title="Sprint NYTS" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Sprint_3.png" alt="Sprint NYTS" width="544" height="496" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Sprint_1.png" rel="shadowbox[post-69];player=img;"><img class="size-full wp-image-258 aligncenter" title="Sprint NYTS" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Sprint_1.png" alt="Sprint NYTS" width="544" height="496" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Sprint_6.png" rel="shadowbox[post-69];player=img;"><img class="size-full wp-image-258 aligncenter" title="Sprint NYTS" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Sprint_6.png" alt="Sprint NYTS" width="544" height="496" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Fuel_NYC4.jpg" rel="shadowbox[post-69];player=img;"><img class="size-full wp-image-258 aligncenter" title="Sprint NYTS" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Fuel_NYC4.jpg" alt="Sprint NYTS" width="453" height="604" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Fuel_NYC2.jpg" rel="shadowbox[post-69];player=img;"><img class="size-full wp-image-258 aligncenter" title="Sprint NYTS" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Fuel_NYC2.jpg" alt="Sprint NYTS" width="400" height="533" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Fuel_NYC3.jpg" rel="shadowbox[post-69];player=img;"><img class="size-full wp-image-258 aligncenter" title="Sprint NYTS" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Fuel_NYC3.jpg" alt="Sprint NYTS" width="400" height="300" /></a></p>
<p><object id="viddler_573be4d6" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.viddler.com/player/573be4d6/" /><param name="name" value="viddler_573be4d6" /><param name="allowfullscreen" value="true" /><embed id="viddler_573be4d6" type="application/x-shockwave-flash" width="450" height="295" src="http://www.viddler.com/player/573be4d6/" name="viddler_573be4d6" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="340" 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://vimeo.com/moogaloop.swf?clip_id=6110960&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="450" height="340" src="http://vimeo.com/moogaloop.swf?clip_id=6110960&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/sprint-nyts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bombshell Beauties</title>
		<link>http://www.suniljohn.com/bombshell-beauties/</link>
		<comments>http://www.suniljohn.com/bombshell-beauties/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 04:40:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Professional Work]]></category>

		<guid isPermaLink="false">http://localhost:8888/portfolio/?p=26</guid>
		<description><![CDATA[April 2009 View Site » Company: Fuel Industries Client: Eidos Type: Interactive Website I was the principle Flash developer on BombshellBeauties.com. This website allows users to select from two wartime pinup models, and capture them in perfect poses. Video can be played in forward and reverse, and zoomed in and zoomed out frame by frame. Once the user is happy with their stills, they can create their own pinup nose art using Flash based photo-editing tools. Papervision3D and AS3dMod open source libraries were used to wrap the resulting nose art onto the side of one of four WWII planes that the user selects. The end result is a post card that can be saved as wallpaper or shared with others.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"></del></p>
<p><span>April 2009 </span><a href="http://www.bombshellbeauties.com" target="_blank">View Site »</a></p>
<p><strong>Company:</strong><strong> </strong>Fuel Industries<br />
<strong>Client: </strong>Eidos<br />
<strong>Type: </strong>Interactive Website</p>
<p>I was the principle Flash developer on BombshellBeauties.com. This website allows users to select from two wartime pinup models, and capture them in perfect poses. Video can be played in forward and reverse, and zoomed in and zoomed out frame by frame. Once the user is happy with their stills, they can create their own pinup nose art using Flash based photo-editing tools. Papervision3D and AS3dMod open source libraries were used to wrap the resulting nose art onto the side of one of four WWII planes that the user selects. The end result is a post card that can be saved as wallpaper or shared with others.</p>
<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_2.png" rel="shadowbox[post-26];player=img;"><img class="size-full wp-image-258 aligncenter" title="Bombshell Beauties" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_2.png" alt="Bombshell Beauties" width="501" height="298" /></a></del></del></p>
<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_3.png" rel="shadowbox[post-26];player=img;"><img class="size-full wp-image-258 aligncenter" title="Bombshell Beauties" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_3.png" alt="Bombshell Beauties" width="501" height="298" /></a></del></del></del></p>
<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_7.png" rel="shadowbox[post-26];player=img;"><img class="size-full wp-image-258 aligncenter" title="Bombshell Beauties" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_7.png" alt="Bombshell Beauties" width="501" height="298" /></a></del></del></del></del></p>
<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_5.png" rel="shadowbox[post-26];player=img;"><img class="size-full wp-image-258 aligncenter" title="Bombshell Beauties" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_5.png" alt="Bombshell Beauties" width="501" height="298" /></a></del></del></del></del></del></p>
<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_6.png" rel="shadowbox[post-26];player=img;"><img class="size-full wp-image-258 aligncenter" title="Bombshell Beauties" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_6.png" alt="Bombshell Beauties" width="501" height="298" /></a></del></del></del></del></del></del></p>
<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_8.png" rel="shadowbox[post-26];player=img;"><img class="size-full wp-image-258 aligncenter" title="Bombshell Beauties" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_8.png" alt="Bombshell Beauties" width="501" height="298" /></a></del></del></del></del></del></del></del></p>
<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><del datetime="2009-08-06T03:31:00+00:00"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_9.png" rel="shadowbox[post-26];player=img;"><img class="size-full wp-image-258 aligncenter" title="Bombshell Beauties" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Eidos_Bombsell_Beauties_9.png" alt="Bombshell Beauties" width="501" height="298" /></a></del></del></del></del></del></del></del></del></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/bombshell-beauties/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Half-A-Million-Ville</title>
		<link>http://www.suniljohn.com/half-a-million-ville/</link>
		<comments>http://www.suniljohn.com/half-a-million-ville/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 04:18:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Professional Work]]></category>

		<guid isPermaLink="false">http://localhost:8888/portfolio/?p=47</guid>
		<description><![CDATA[January 2009 View Site » Company: Fuel Industries Client: Saatchi &#38; Saatchi, General Mills Type: Interactive Website I was one of two Flash developers on HalfAMillionVille.com. This website allows users obtain a virtual plot of land and build structures from an allotted 500 blocks. Users can rotate their buildings 360 degrees, in an isometric view and select from a large variety of animated, odd shaped and regular cubes. Users can save and return to edit their buildings at a later time. To goal of the website is to illustrate to kids how big 500, 000 really is by encouraging them to use all 500, 000 blocks in a virtual world. I was responsible for developing the builder and viewer.]]></description>
			<content:encoded><![CDATA[<p><span>January 2009 </span><a href="http://www.halfamillionville.com/" target="_blank">View Site »</a></p>
<p><strong>Company:</strong><strong> </strong>Fuel Industries<br />
<strong>Client: </strong>Saatchi &amp; Saatchi, General Mills<br />
<strong>Type: </strong>Interactive Website</p>
<p>I was one of two Flash developers on HalfAMillionVille.com. This website allows users obtain a virtual plot of land and build structures from an allotted 500 blocks. Users can rotate their buildings 360 degrees, in an isometric view and select from a large variety of animated, odd shaped and regular cubes. Users can save and return to edit their buildings at a later time. To goal of the website is to illustrate to kids how big 500, 000 really is by encouraging them to use all 500, 000 blocks in a virtual world.</p>
<p>I was responsible for developing the builder and viewer.</p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_1.png" rel="shadowbox[post-47];player=img;"><img class="size-full wp-image-258 aligncenter" title="Half-A-Million-Ville" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_1.png" alt="Half-A-Million-Ville" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_2.png" rel="shadowbox[post-47];player=img;"><img class="size-full wp-image-258 aligncenter" title="Half-A-Million-Ville" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_2.png" alt="Half-A-Million-Ville" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_3.png" rel="shadowbox[post-47];player=img;"><img class="size-full wp-image-258 aligncenter" title="Half-A-Million-Ville" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_3.png" alt="Half-A-Million-Ville" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_4.png" rel="shadowbox[post-47];player=img;"><img class="size-full wp-image-258 aligncenter" title="Half-A-Million-Ville" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_4.png" alt="Half-A-Million-Ville" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_5.png" rel="shadowbox[post-47];player=img;"><img class="size-full wp-image-258 aligncenter" title="Half-A-Million-Ville" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_5.png" alt="Half-A-Million-Ville" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_6.png" rel="shadowbox[post-47];player=img;"><img class="size-full wp-image-258 aligncenter" title="Half-A-Million-Ville" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_6.png" alt="Half-A-Million-Ville" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_7.png" rel="shadowbox[post-47];player=img;"><img class="size-full wp-image-258 aligncenter" title="Half-A-Million-Ville" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_7.png" alt="Half-A-Million-Ville" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_8.png" rel="shadowbox[post-47];player=img;"><img class="size-full wp-image-258 aligncenter" title="Half-A-Million-Ville" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Half-A-Million-Ville_8.png" alt="Half-A-Million-Ville" width="501" height="298" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/half-a-million-ville/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paper-Robo Game</title>
		<link>http://www.suniljohn.com/paper-robo-game/</link>
		<comments>http://www.suniljohn.com/paper-robo-game/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 18:27:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Personal Work]]></category>

		<guid isPermaLink="false">http://www.suniljohn.com/?p=231</guid>
		<description><![CDATA[November 2008 View Game » Paper-Robo Game Paper-Robo Game is Flash game. Jetfire has suffered major battle damage. Help him collect glue bottles for repairs, before his creator sends him to the recycling bin.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"></del></p>
<p><span>November 2008 </span><a href="http://www.suniljohn.com/projects/paperrobogame/" target="_blank">View Game »</a></p>
<p><strong>Paper-Robo Game</strong></p>
<p>Paper-Robo Game is Flash game. Jetfire has suffered major battle damage. Help him collect glue bottles for repairs, before his creator sends him to the recycling bin.</p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobogame1.jpg" rel="shadowbox[post-231];player=img;"><img class="size-full wp-image-258 aligncenter" title="Paper-Robo Game" src="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobogame1.jpg" alt="Paper-Robo Game" width="450" height="299" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobogame2.jpg" rel="shadowbox[post-231];player=img;"><img class="size-full wp-image-258 aligncenter" title="Paper-Robo Game" src="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobogame2.jpg" alt="Paper-Robo Game" width="450" height="299" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobogame3.jpg" rel="shadowbox[post-231];player=img;"><img class="size-full wp-image-258 aligncenter" title="Paper-Robo Game" src="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobogame3.jpg" alt="Paper-Robo Game" width="450" height="299" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/paper-robo-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cherry Blast</title>
		<link>http://www.suniljohn.com/cherry-blast/</link>
		<comments>http://www.suniljohn.com/cherry-blast/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 03:22:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Professional Work]]></category>

		<guid isPermaLink="false">http://localhost:8888/portfolio/?p=120</guid>
		<description><![CDATA[September 2008 View Game » Company: Fuel Industries Client: Fuel Industries, All Girl Arcade Type: Interactive Game I was the principle Flash developer on Cherry Blast featured on AllGirlArcade.com. It was the second AGA game to feature all four fairies: Lily, Violet, Rose and Sunflower. Blast the bugs with cherries while collecting falling fruit for points!]]></description>
			<content:encoded><![CDATA[<p><span>September 2008 </span><a href="http://www.allgirlarcade.com/games/play/cherryblast/" target="_blank">View Game »</a></p>
<p><strong>Company:</strong><strong> </strong>Fuel Industries<br />
<strong>Client: </strong>Fuel Industries, All Girl Arcade<br />
<strong>Type: </strong>Interactive Game</p>
<p>I was the principle Flash developer on Cherry Blast featured on AllGirlArcade.com. It was the second AGA game to feature all four fairies: Lily, Violet, Rose and Sunflower. Blast the bugs with cherries while collecting falling fruit for points!</p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/cherryblast_2.png" rel="shadowbox[post-120];player=img;"><img class="size-full wp-image-258 aligncenter" title="Cherry Blast" src="http://www.suniljohn.com/wp-content/uploads/2009/08/cherryblast_2.png" alt="Cherry Blast" width="544" height="335" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/cherryblast_5.png" rel="shadowbox[post-120];player=img;"><img class="size-full wp-image-258 aligncenter" title="Cherry Blast" src="http://www.suniljohn.com/wp-content/uploads/2009/08/cherryblast_5.png" alt="Cherry Blast" width="544" height="335" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/cherryblast_3.png" rel="shadowbox[post-120];player=img;"><img class="size-full wp-image-258 aligncenter" title="Cherry Blast" src="http://www.suniljohn.com/wp-content/uploads/2009/08/cherryblast_3.png" alt="Cherry Blast" width="544" height="335" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/cherryblast_4.png" rel="shadowbox[post-120];player=img;"><img class="size-full wp-image-258 aligncenter" title="Cherry Blast" src="http://www.suniljohn.com/wp-content/uploads/2009/08/cherryblast_4.png" alt="Cherry Blast" width="544" height="335" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/cherry-blast/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fragile Planet</title>
		<link>http://www.suniljohn.com/fragile-planet/</link>
		<comments>http://www.suniljohn.com/fragile-planet/#comments</comments>
		<pubDate>Wed, 06 Aug 2008 03:07:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Professional Work]]></category>

		<guid isPermaLink="false">http://localhost:8888/portfolio/?p=3</guid>
		<description><![CDATA[August 2008 View Site » Company: Fuel Industries Client: McDonald&#8217;s Europe Type: Interactive Game I was one of five Flash developers on FragilePlanet.eu. This website educates kids on the perils that endangered animals face through 8 casual Flash games. This website is available in 11 languages. I developed the Snow Leopard picture puzzle game. I developed the Snow Leopard game.]]></description>
			<content:encoded><![CDATA[<p><span>August 2008 </span><a href="http://www.fragileplanet.eu" target="_blank">View Site »</a></p>
<p><strong>Company:</strong><strong> </strong>Fuel Industries<br />
<strong>Client: </strong>McDonald&#8217;s Europe<br />
<strong>Type: </strong>Interactive Game</p>
<p>I was one of five Flash developers on FragilePlanet.eu. This website educates kids on the perils that endangered animals face through 8 casual Flash games. This website is available in 11 languages. I developed the Snow Leopard picture puzzle game.</p>
<p>I developed the Snow Leopard game.</p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Endangered-Animals_1.png" rel="shadowbox[post-260];player=img;"><img class="size-full wp-image-258 aligncenter" title="Endangered Animals" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Endangered-Animals_1.png" alt="Endangered Animals" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Endangered-Animals_3.png" rel="shadowbox[post-260];player=img;"><img class="size-full wp-image-258 aligncenter" title="Endangered Animals" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Endangered-Animals_3.png" alt="Endangered Animals" width="501" height="298" /></a></p>
<p style="text-align: center;"><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/Endangered-Animals_4.png" rel="shadowbox[post-260];player=img;"><img class="size-full wp-image-258 aligncenter" title="Endangered Animals" src="http://www.suniljohn.com/wp-content/uploads/2009/08/Endangered-Animals_4.png" alt="Endangered Animals" width="501" height="298" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/fragile-planet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Contact</title>
		<link>http://www.suniljohn.com/contact/</link>
		<comments>http://www.suniljohn.com/contact/#comments</comments>
		<pubDate>Thu, 26 Jun 2008 19:12:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[About]]></category>

		<guid isPermaLink="false">http://www.suniljohn.com/?p=259</guid>
		<description><![CDATA[email &#8211; sunil at suniljohn.com phone &#8211; 416.786.5410 résumé]]></description>
			<content:encoded><![CDATA[<p>email &#8211; sunil at suniljohn.com</p>
<p>phone &#8211; 416.786.5410</p>
<p><a href="../resume/" target="_blank">résumé</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/contact/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paper-Robo</title>
		<link>http://www.suniljohn.com/paper-robo/</link>
		<comments>http://www.suniljohn.com/paper-robo/#comments</comments>
		<pubDate>Sat, 26 Apr 2008 18:21:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Personal Work]]></category>

		<guid isPermaLink="false">http://www.suniljohn.com/?p=220</guid>
		<description><![CDATA[April 2008 View Site » Paper-Robo Paper-Robo is Flash application that allows users to design and build their own action figures. They are made from paper and have joints at the hips, knees, wrists and ankles. This project is largely influenced by Kami-Robo, the brainchild of Tomohiro Yasui. Yasui started crafting paper robots in 1982, at age 11, because he couldn&#8217;t bear the thought of playing with his precious store-bought bots. So he used cardboard, scissors, wire, tape, and markers to construct his own durable automatons. Others like paperrobots1999.com have followed in Yasui’s footsteps, creating intricate robots that can transform into vehicles. Paper-Robo takes this concept of paper craft a step further, by allowing users to customize their own robots [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><del datetime="2009-08-06T03:31:00+00:00"></del></p>
<p><span>April 2008 </span><a href="http://www.paper-robo.com" target="_blank">View Site »</a></p>
<p><strong>Paper-Robo</strong></p>
<p>Paper-Robo is Flash application that allows users to design and build their own action figures. They are made from paper and have joints at the hips, knees, wrists and ankles.</p>
<p>This project is largely influenced by <a href="http://www.kami-robo.com/" target="_blank">Kami-Robo</a>, the brainchild of Tomohiro Yasui. Yasui started crafting paper robots in 1982, at age 11, because he couldn&#8217;t bear the thought of playing with his precious store-bought bots. So he used cardboard, scissors, wire, tape, and markers to construct his own durable automatons.</p>
<p>Others like <a href="http://www.paperrobots1999.com/" target="_blank">paperrobots1999.com</a> have followed in Yasui’s footsteps, creating intricate robots that can transform into vehicles.</p>
<p>Paper-Robo takes this concept of paper craft a step further, by allowing users to customize their own robots without the need of special software or predefined designs. Users can create, preview, print and save their designs using a standard web browser.</p>
<p>Paper-Robo cannot be bought in stores. The designs are a product of one’s imagination and have no commercial value. You have to make them yourself and each robot design is unique.</p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobo3.jpg" rel="shadowbox[post-220];player=img;"><img class="size-full wp-image-258 aligncenter" title="Paper-Robo" src="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobo3.jpg" alt="Paper-Robo" width="450" height="299" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobo4.jpg" rel="shadowbox[post-220];player=img;"><img class="size-full wp-image-258 aligncenter" title="Paper-Robo" src="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobo4.jpg" alt="Paper-Robo" width="450" height="299" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobo1.jpg" rel="shadowbox[post-220];player=img;"><img class="size-full wp-image-258 aligncenter" title="Paper-Robo" src="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobo1.jpg" alt="Paper-Robo" width="450" height="299" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobo2.jpg" rel="shadowbox[post-220];player=img;"><img class="size-full wp-image-258 aligncenter" title="Paper-Robo" src="http://www.suniljohn.com/wp-content/uploads/2009/08/paperrobo2.jpg" alt="Paper-Robo" width="450" height="299" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/paper-robo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>About Me</title>
		<link>http://www.suniljohn.com/about-me/</link>
		<comments>http://www.suniljohn.com/about-me/#comments</comments>
		<pubDate>Thu, 17 Apr 2008 04:56:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[About]]></category>

		<guid isPermaLink="false">http://www.suniljohn.com/?p=161</guid>
		<description><![CDATA[My name is Sunil. I graduated in 2008 with a post-graduate certificate in Interactive Multimedia at Sheridan College. I have also have a degree in Pharmacology and Toxicology from the University of Western Ontario, and three years experience working in a biotherapeutics lab specializing in Spinal Cord Injury research. I own a ham radio and am a licensed amateur radio operator. I can build interactive sites and games, perform surgery on rats and act as a radio command post when all lines of communication are down in states of national emergency. My first real experience developing interactive multimedia came in 1992, where in grade 7, I built  really bad Hypercard games in our school&#8217;s Mac lab. In grade 9 I [...]]]></description>
			<content:encoded><![CDATA[<p>My name is Sunil. I graduated in 2008 with a post-graduate certificate in Interactive Multimedia at Sheridan College.</p>
<p>I have also have a degree in Pharmacology and Toxicology from the University of Western Ontario, and three years experience working in a biotherapeutics lab specializing in Spinal Cord Injury research.</p>
<p>I own a ham radio and am a licensed amateur radio operator.</p>
<p>I can build interactive sites and games, perform surgery on rats and act as a radio command post when all lines of communication are down in states of national emergency.</p>
<p>My first real experience developing interactive multimedia came in 1992, where in grade 7, I built  really bad Hypercard games in our school&#8217;s Mac lab. In grade 9 I used dbase to catalogue my baseball cards and built circuits on to control robotic mice.</p>
<p>I&#8217;m currently a Flash Developer in Toronto, Ontario.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/about-me/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Colbert Desktop &#8211; Adobe Air Green Screen Mashup</title>
		<link>http://www.suniljohn.com/colbert-desktop/</link>
		<comments>http://www.suniljohn.com/colbert-desktop/#comments</comments>
		<pubDate>Tue, 26 Feb 2008 16:41:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Personal Work]]></category>

		<guid isPermaLink="false">http://www.suniljohn.com/?p=201</guid>
		<description><![CDATA[Download Colbert Desktop » This Air application is an example of a marketing widget for the television show “The Colbert Report.” The application itself aggregates rss feeds about recent clips and upcoming guests, has a shout box for users to post comments, and uses video with alpha channels to simulate a green screen mashup. The Green Screen Challenge Effects Console allows a user with little technical expertise to manipulate green screen video by: adding light sabre visual and sound effects keying out a green screen mashing up footage of Steven Colbert with their computer desktop,  video from their default video player or any flv that is dragged over the application The Air classes this application uses are: flash.desktop.NativeDragManager; This class [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.suniljohn.com/projects/colbertdesktop/ColbertDesktop.air" target="_blank">Download Colbert Desktop »</a></strong></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="466" height="351" 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://vimeo.com/moogaloop.swf?clip_id=6284565&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="466" height="351" src="http://vimeo.com/moogaloop.swf?clip_id=6284565&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>This Air application is an example of a marketing widget for the television show “The Colbert Report.” The application itself aggregates rss feeds about recent clips and upcoming guests, has a shout box for users to post comments, and uses video with alpha channels to simulate a green screen mashup.</p>
<p>The Green Screen Challenge Effects Console allows a user with little technical expertise to manipulate green screen video by:</p>
<li>adding light sabre visual and sound effects</li>
<li>keying out a green screen</li>
<li>mashing up footage of Steven Colbert with their computer desktop,  video from their default video player or any flv that is dragged over the application</li>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/ColbertScreenshot1.png" rel="shadowbox[post-201];player=img;"><img class="size-full wp-image-258 aligncenter" title="Colbert Desktop" src="http://www.suniljohn.com/wp-content/uploads/2009/08/ColbertScreenshot1.png" alt="Colbert Desktop" width="500" height="392" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/ColbertScreenshot2.png" rel="shadowbox[post-201];player=img;"><img class="size-full wp-image-258 aligncenter" title="Colbert Desktop" src="http://www.suniljohn.com/wp-content/uploads/2009/08/ColbertScreenshot2.png" alt="Colbert Desktop" width="500" height="392" /></a></p>
<p><a href="http://www.suniljohn.com/wp-content/uploads/2009/08/ColbertScreenshot3.png" rel="shadowbox[post-201];player=img;"><img class="size-full wp-image-258 aligncenter" title="Colbert Desktop" src="http://www.suniljohn.com/wp-content/uploads/2009/08/ColbertScreenshot3.png" alt="Colbert Desktop" width="500" height="392" /></a></p>
<p>The Air classes this application uses are:<br />
flash.desktop.NativeDragManager;<br />
This class manages drag and drop operations.</p>
<p>flash.events.NativeDragEvent;<br />
This class manages drag and drop events. NATIVE_DRAG_ENTER is triggered whenever a file is dragged from the desktop over to the Air application. NATIVE_DRAG_DROP is triggered when a file is dropped onto the Air application.</p>
<p>flash.desktop.ClipboardFormats;<br />
This class gets data about files from the clipboard. FILE_LIST_FORMAT is the format of the data from the clipboard and is used to check to see if the file being dragged is a FLV, as that’s the only file the Colbert Desktop application will play.</p>
<p>NOTE: url property of the file object is used instead of NativePath. NativePath will work on Windows but not on a MAC. Using the url property gives cross platform operability of this application.</p>
<p>Under application &amp; installer settings for Air, the window style has been set to Custom Chrome (transparent). The reason why a transparent window was selected was because users typically aren’t going to have flv files sitting on their computer to create a custom background for the green screen mashup. A transparent window allows users to overlay the footage of Colbert over their default video players, allowing any video format to be using as a background.</p>
<p>The custom class this application uses is TweenLite, which is a compact tweening engine:<a href="http://blog.greensock.com/tweenliteas3" target="_blank"> http://blog.greensock.com/tweenliteas3 </a></p>
<p>Yours in Truth,</p>
<p>Sunil John</p>
<p><strong><a href="../projects/colbertdesktop/ColbertDesktop.air" target="_blank">Download Colbert Desktop »</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.suniljohn.com/colbert-desktop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
