<?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>Bryan Duran</title>
	<atom:link href="http://ybdesigns.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://ybdesigns.com</link>
	<description>this == my portfolio</description>
	<lastBuildDate>Sat, 01 Oct 2011 19:45:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Sesame Workshop Game</title>
		<link>http://ybdesigns.com/2011/01/20/sesame-workshop-game/</link>
		<comments>http://ybdesigns.com/2011/01/20/sesame-workshop-game/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 21:18:14 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=164</guid>
		<description><![CDATA[Over this past summer and fall semesters, I was fortunate enough to work on a research project with my professor Jeremy Gibson. USC partnered with Sesame Worshop to develop games for the purpose of observing how siblings of different ages interacted with each other when playing educational games. This game was developed for PC and [...]]]></description>
			<content:encoded><![CDATA[<p><center><br />
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/SjLxO2hdgFI" frameborder="0" allowFullScreen></iframe><br />
</center><br />
Over this past summer and fall semesters, I was fortunate enough to work on a research project with my professor Jeremy Gibson.  USC partnered with Sesame Worshop to develop games for the purpose of observing how siblings of different ages interacted with each other when playing educational games.</p>
<p>This game was developed for PC and was playable by using Nintendo WiiMotes.  We used the <a href="http://wiiflash.bytearray.org/" target="_blank">WiiFlash</a> server to connect the WiiMotes to Adobe Flash.</p>
<p>For this project we created three different games that fit the theme of Sesame&#8217;s <em><a href="http://pbskids.org/electriccompany/" target="_blank">The Electric Company</a></em>.<br />
<br/><br/></p>
<h3>Secret Agent</h3>
<p><img src="http://ybdesigns.com/wp-content/uploads/2011/01/secretAgent.jpg" alt="Secret Agent" title="Secret Agent" width="282" height="282" class="aligncenter size-full wp-image-168" /></p>
<p>In Secret Agent, the players are stuck in the jungle and must find a way out.  In order to do so, the players must find ways to get around certain obstacles.  They can do this by spelling out the given object that will help solve each situation.  There are two arrays of word parts on the left and right side.  Based on the given picture and audio cues, the players must choose the correct word parts that spell out the object in the picture.<br />
<br/><br/></p>
<h3>Say What</h3>
<p><img src="http://ybdesigns.com/wp-content/uploads/2011/01/sayWhat.jpg" alt="Say What" title="Say What" width="282" height="282" class="aligncenter size-full wp-image-167" /></p>
<p>Similar to Secret Agent, in Say What, the players must choose from word parts in the word clouds that spell out the object in the given image.  When they have correctly chosen, the word parts animate out of the two faces&#8217; mouths to combine the two word parts.<br />
<br/><br/></p>
<h3>Karate</h3>
<p><img src="http://ybdesigns.com/wp-content/uploads/2011/01/karate.jpg" alt="Karate" title="Karate" width="282" height="282" class="aligncenter size-full wp-image-166" /></p>
<p>Lastly, Karate is a little different from the previous two games.  The left player must make a chopping motion to chop a word in half that&#8217;s placed on a rock.  Once the word has been chopped in half, they must choose which half to sweep away.  This is indicated by the audio.  When they have correctly swept away half of the word, the right player must choose the correct word part from a word cloud.  Again, the correct word part is indicated by audio.  When the correct word parts have been chosen, the players cooperate and make a squishing gesture to squish the two word parts together to make a new word.</p>
]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/sesame-workshop-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inverse Kinematics</title>
		<link>http://ybdesigns.com/2011/01/20/inverse-kinematics/</link>
		<comments>http://ybdesigns.com/2011/01/20/inverse-kinematics/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 20:42:21 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=149</guid>
		<description><![CDATA[This is a small flash project that I did for a computer graphics course at USC. It demonstrates inverse kinematics(IK) using the Cyclic Coordinate Descent(CCD) method. Enter the desired max length of the chain in the input box and then click the &#8220;Generate&#8221; button. Control boxes will appear on the left side of the chain. [...]]]></description>
			<content:encoded><![CDATA[<p><center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://ybdesigns.com/wp-content/uploads/2011/01/IK.swf" /><embed type="application/x-shockwave-flash" width="550" height="400" src="http://ybdesigns.com/wp-content/uploads/2011/01/IK.swf"></embed></object></center><br />
This is a small flash project that I did for a computer graphics course at USC.  It demonstrates inverse kinematics(IK) using the Cyclic Coordinate Descent(CCD) method.<br/><br />
Enter the desired max length of the chain in the input box and then click the &#8220;Generate&#8221; button.  Control boxes will appear on the left side of the chain.  Clicking and dragging these boxes will control the corresponding chain.  Clicking the &#8220;Generate&#8221; button again will spawn another set of chains.  Each set is colored differently.</p>
]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/inverse-kinematics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Procedural City Generation</title>
		<link>http://ybdesigns.com/2011/01/20/procedural-city-generation/</link>
		<comments>http://ybdesigns.com/2011/01/20/procedural-city-generation/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 09:44:37 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=120</guid>
		<description><![CDATA[Last semester, I worked with a team to procedurally generate a city. We did this through the use of L-Systems. The grammar that determines the layout of the road is as follows: Axiom: F Rules: F -> F - F F -> F + F Symbols: F: straight line forward 2 units -: turn -90 [...]]]></description>
			<content:encoded><![CDATA[<p><center><iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/pfOEQ2Ci7iI" frameborder="0" allowFullScreen></iframe></center><br />
Last semester, I worked with a team to procedurally generate a city.  We did this through the use of L-Systems.  </p>
<p>The grammar that determines the layout of the road is as follows:<br />
<code><br />
<strong>Axiom</strong>: F<br />
<strong>Rules</strong>:<br />
F -> F - F<br />
F -> F + F<br />
<strong>Symbols</strong>:<br />
F: straight line forward 2 units<br />
-: turn -90 degrees<br />
+: turn 90 degrees</code></p>
<p>As you can see, this is a very simple grammar; but this was all we needed to generate some interesting looking cities:</p>
<p><img src="http://ybdesigns.com/wp-content/uploads/2011/01/yBCity.jpg" alt="yB City" title="yB City" width="373" height="373" class="aligncenter size-full wp-image-126" /></p>
<p>The regions are then filled to mark the grass, buildings, sand, and water areas.  Any regions that are found to be buildings must go through a noise filter to randomly determine the height of each building.  The following is a sample output for a simple city:</p>
<p><img src="http://ybdesigns.com/wp-content/uploads/2011/01/CityOutput-e1295549945564.jpg" alt="City Output" title="City Output" width="195" height="300" class="aligncenter size-full wp-image-133" /><br />
<code><br />
w -> water<br />
g -> grass<br />
# -> buildings (the # is the number of stories that the building has)<br />
the rest -> roads (I tried using characters that closely matched the road's characteristic, such as T representing a 3-way intersection)<br />
</code></p>
<p>After the heights of buildings have been determined, another grammar is used to generate the buildings.<br />
<code><br />
<strong>Axiom</strong>: A<br />
<strong>Rules</strong>:<br />
A -> BFCCBCCBDRRRRRRRRR<br />
A -> BCCCFCCBDRRRRRRRRR<br />
A -> BCCFBCFBDRRRRRRRRR<br />
A -> BCBCCCCFDRRRRRRRRR<br />
D -> CCBBCBCBBD<br />
D -> CBBCCCCCBD<br />
D -> BCBCBCBBBD<br />
D -> CCBBCCBCBD<br />
<strong>Symbols</strong>:<br />
B -> wall<br />
C -> wall with window<br />
D -> wall<br />
F -> wall with door<br />
R -> roof<br />
</code></p>
<p>Each building&#8217;s floor is made up of 9 blocks tessellated 3&#215;3.  Each block can be a wall, window, door, or roof depending on the string generated.</p>
<p><img src="http://ybdesigns.com/wp-content/uploads/2011/01/buildings.jpg" alt="buildings" title="buildings" width="489" height="243" class="aligncenter size-full wp-image-138" /></p>
<p>The following is an aerial view of the whole city once generation is completed.</p>
<p><img src="http://ybdesigns.com/wp-content/uploads/2011/01/cityIsland.jpg" alt="City Island" title="City Island" width="594" height="328" class="aligncenter size-full wp-image-139" /></p>
<p>Here&#8217;s a video of the city being generated:<br />
<center><iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/l93-m5iGeaI" frameborder="0" allowFullScreen></iframe></center></p>
]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/procedural-city-generation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flocking (boids)</title>
		<link>http://ybdesigns.com/2011/01/20/flocking-boids/</link>
		<comments>http://ybdesigns.com/2011/01/20/flocking-boids/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 09:16:57 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=106</guid>
		<description><![CDATA[In my first semester at USC, I implemented a simple flocking behavior in a computer graphics course using the three rules as determined by Craig Reynolds. The three rules are separation, alignment, and cohesion. Separation avoids colliding with other boids or obstacles. Alignment steers each boid in the general direction that the whole flock is [...]]]></description>
			<content:encoded><![CDATA[<p><center><iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/XpbGiujgExY" frameborder="0" allowFullScreen></iframe></center><br />
In my first semester at USC, I implemented a simple flocking behavior in a computer graphics course using the three rules as determined by <a href="http://www.red3d.com/cwr/boids/" target="_blank">Craig Reynolds</a>.  The three rules are separation, alignment, and cohesion.</p>
<p>Separation avoids colliding with other boids or obstacles.  Alignment steers each boid in the general direction that the whole flock is headed.  Cohesion keeps the boids herded together.</p>
<p>I also included a predator boid that spawns every so often and gives chase to the closest boid.  Of course, all the boids try to steer away from the predator boid.  Escaping from the predator has more weight than cohesion and alignment, thus resulting in the flock occasionally breaking up and going in different directions.</p>
]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/flocking-boids/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mother Nature</title>
		<link>http://ybdesigns.com/2011/01/20/mother-nature/</link>
		<comments>http://ybdesigns.com/2011/01/20/mother-nature/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 08:04:28 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=93</guid>
		<description><![CDATA[For the past three semesters in the Advanced Games class at USC, I have been working with a team of talented programmers, artists, and designers on a gestural game called Mother Nature. Mother Nature was developed for the PC with the PrimeSense cameras; but just this week, we were able to move from using PrimeSense [...]]]></description>
			<content:encoded><![CDATA[<p><center><iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/-wSU75dwSaM" frameborder="0" allowFullScreen></iframe></center><br />
For the past three semesters in the Advanced Games class at USC, I have been working with a team of talented programmers, artists, and designers on a gestural game called Mother Nature.  Mother Nature was developed for the PC with the <a href="http://www.primesense.com/" target="_blank">PrimeSense</a> cameras; but just this week, we were able to move from using PrimeSense cameras to Microsoft Kinect cameras.  This was relatively easy to do since Kinect essentially uses the PrimeSense cameras.</p>
<p>The goal of the game is to grow and maintain a garden through a gestural interface.  There are separate gestures for blowing in seeds, blowing in clouds, making it rain, and making the plants grow.</p>
<p>At the project&#8217;s current state, there are locusts to eat the plants, spiders to drive the locusts away, bees to pollinate the flowers, and birds to eat the fruits.  We plan on adding many more elements to the game.</p>
<p>My main tasks on this project were to write the AI for the spiders, to determine flight paths for the birds, and to create a user interface that can be interacted with through gestures.</p>
<p>I have had such an amazing time working with this technology and working with everyone on the team.</p>
<p><a href="http://big-earth.org/mothernature/index.htm" target="_blank">Visit the website to see the game&#8217;s progress!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/mother-nature/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pencil Dog</title>
		<link>http://ybdesigns.com/2011/01/20/pencil-dog/</link>
		<comments>http://ybdesigns.com/2011/01/20/pencil-dog/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 05:12:57 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Artwork]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=89</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<a href="http://ybdesigns.com/wp-content/gallery/still-life/pencil_dog.jpg" title="Pencil Dog" class="shutterset_singlepic24" >
	<img class="ngg-singlepic ngg-center" src="http://ybdesigns.com/wp-content/gallery/cache/24__590x443_pencil_dog.jpg" alt="pencil_dog" title="pencil_dog" />
</a>

]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/pencil-dog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pencil Woven Basket</title>
		<link>http://ybdesigns.com/2011/01/20/pencil-woven-basket/</link>
		<comments>http://ybdesigns.com/2011/01/20/pencil-woven-basket/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 04:38:12 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Artwork]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=83</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<a href="http://ybdesigns.com/wp-content/gallery/still-life/pencil_woven_basket.jpg" title="Pencil Woven Basket" class="shutterset_singlepic36" >
	<img class="ngg-singlepic ngg-center" src="http://ybdesigns.com/wp-content/gallery/cache/36__590x443_pencil_woven_basket.jpg" alt="pencil_woven_basket" title="pencil_woven_basket" />
</a>

]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/pencil-woven-basket/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Charcoal Soccer</title>
		<link>http://ybdesigns.com/2011/01/20/charcoal-soccer/</link>
		<comments>http://ybdesigns.com/2011/01/20/charcoal-soccer/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 04:37:02 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Artwork]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=80</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<a href="http://ybdesigns.com/wp-content/gallery/still-life/charcoal_soccer.jpg" title="Charcoal Soccer" class="shutterset_singlepic14" >
	<img class="ngg-singlepic ngg-center" src="http://ybdesigns.com/wp-content/gallery/cache/14__590x443_charcoal_soccer.jpg" alt="charcoal_soccer" title="charcoal_soccer" />
</a>

]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/charcoal-soccer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Charcoal Teacup</title>
		<link>http://ybdesigns.com/2011/01/20/charcoal-teacup/</link>
		<comments>http://ybdesigns.com/2011/01/20/charcoal-teacup/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 04:36:30 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Artwork]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=78</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<a href="http://ybdesigns.com/wp-content/gallery/still-life/charcoal_teacup.jpg" title="Charcoal Teacup" class="shutterset_singlepic15" >
	<img class="ngg-singlepic ngg-center" src="http://ybdesigns.com/wp-content/gallery/cache/15__590x443_charcoal_teacup.jpg" alt="charcoal_teacup" title="charcoal_teacup" />
</a>

]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/charcoal-teacup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color Pencil Cardinal</title>
		<link>http://ybdesigns.com/2011/01/20/color-pencil-cardinal/</link>
		<comments>http://ybdesigns.com/2011/01/20/color-pencil-cardinal/#comments</comments>
		<pubDate>Thu, 20 Jan 2011 04:35:49 +0000</pubDate>
		<dc:creator>bduran</dc:creator>
				<category><![CDATA[Artwork]]></category>

		<guid isPermaLink="false">http://ybdesigns.com/?p=76</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<a href="http://ybdesigns.com/wp-content/gallery/still-life/color_pencil_cardinal.jpg" title="Color Pencil Cardinal" class="shutterset_singlepic16" >
	<img class="ngg-singlepic ngg-center" src="http://ybdesigns.com/wp-content/gallery/cache/16__590x443_color_pencil_cardinal.jpg" alt="color_pencil_cardinal" title="color_pencil_cardinal" />
</a>

]]></content:encoded>
			<wfw:commentRss>http://ybdesigns.com/2011/01/20/color-pencil-cardinal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

