<?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>Leonard Teo &#187; Eye Candy</title>
	<atom:link href="http://www.leonardteo.com/category/eye-candy/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.leonardteo.com</link>
	<description></description>
	<lastBuildDate>Sat, 28 Jan 2012 02:47:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>The Fantastic Flying Books of Mr. Morris Lessmore iPad App</title>
		<link>http://www.leonardteo.com/2011/07/the-fantastic-flying-books-of-mr-morris-lessmore-ipad-app/</link>
		<comments>http://www.leonardteo.com/2011/07/the-fantastic-flying-books-of-mr-morris-lessmore-ipad-app/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 18:41:45 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Eye Candy]]></category>

		<guid isPermaLink="false">http://www.leonardteo.com/?p=546</guid>
		<description><![CDATA[Brilliant idea and execution!]]></description>
			<content:encoded><![CDATA[<p>Brilliant idea and execution!</p>
<p><a href="http://www.leonardteo.com/2011/07/the-fantastic-flying-books-of-mr-morris-lessmore-ipad-app/"><em>Click here to view the embedded video.</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leonardteo.com/2011/07/the-fantastic-flying-books-of-mr-morris-lessmore-ipad-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Michael Bay is Awesome</title>
		<link>http://www.leonardteo.com/2011/07/michael-bay-is-awesome/</link>
		<comments>http://www.leonardteo.com/2011/07/michael-bay-is-awesome/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 13:04:38 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Computer Graphics]]></category>
		<category><![CDATA[Eye Candy]]></category>

		<guid isPermaLink="false">http://www.leonardteo.com/?p=533</guid>
		<description><![CDATA[In case there was ever any doubt&#8230;.]]></description>
			<content:encoded><![CDATA[<p>In case there was ever any doubt&#8230;.</p>
<p><a href="http://www.leonardteo.com/2011/07/michael-bay-is-awesome/"><em>Click here to view the embedded video.</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leonardteo.com/2011/07/michael-bay-is-awesome/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Teapot Master</title>
		<link>http://www.leonardteo.com/2010/12/teapotmaster/</link>
		<comments>http://www.leonardteo.com/2010/12/teapotmaster/#comments</comments>
		<pubDate>Thu, 16 Dec 2010 02:25:08 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Computer Graphics]]></category>
		<category><![CDATA[Eye Candy]]></category>

		<guid isPermaLink="false">http://www.leonardteo.com/?p=365</guid>
		<description><![CDATA[One of my personal goals in 2010 was to learn 3D programming and make a game. I enrolled in a part time graduate course at Concordia University on Wednesday evenings and learned graphics from ground zero. I think about 75% of the course was math &#8211; linear algebra, quaternions, yikes. Anyway, for the final project, [...]]]></description>
			<content:encoded><![CDATA[<p>One of my personal goals in 2010 was to learn 3D programming and make a game. I enrolled in a part time graduate course at Concordia University on Wednesday evenings and learned graphics from ground zero. I think about 75% of the course was math &#8211; linear algebra, quaternions, yikes. Anyway, for the final project, we were tasked to create a 3D game, so this was my effort.</p>
<p>Update: I got top marks in the class for the term overall (A+) and 99.6% for this game. <a href="/wp-content/uploads/2010/12/Teapot_Master_Report.pdf">Here&#8217;s the report with the making of in more detail</a>.</p>
<p style="text-align: center;">
<h2>Teapot Master</h2>
<p>The Walking Teapots have been stolen and scattered over CG land. Your job is to bring them back.</p>
<p style="text-align: left;">The user controls a ball using the keyboard. Using the ball, you can roll around a 3D environment. The walking teapots are scared of anything that goes near them, so you have to &#8220;herd&#8221; them in the direction you want.</p>
<div id="attachment_368" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.leonardteo.com/wp-content/uploads/2010/12/teapotmaster1.jpg"><img class="size-medium wp-image-368 colorbox-365" title="teapotmaster1" src="http://www.leonardteo.com/wp-content/uploads/2010/12/teapotmaster1-400x225.jpg" alt="" width="400" height="225" /></a><p class="wp-caption-text">Your goal is to herd the walking teapots into the Cornell Box.</p></div>
<div id="attachment_369" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.leonardteo.com/wp-content/uploads/2010/12/teapotmaster2.jpg"><img class="size-medium wp-image-369 colorbox-365" title="teapotmaster2" src="http://www.leonardteo.com/wp-content/uploads/2010/12/teapotmaster2-400x225.jpg" alt="" width="400" height="225" /></a><p class="wp-caption-text">The teapots are scared of you and will try to run away. When they are alarmed, an exclamation mark appears.</p></div>
<p>Teapot Master was a one man project produced in my spare time. I had the term to make the game, but pretty much all of the work came down to the last three weeks of evenings and weekends as I&#8217;m pretty busy with my day job. I wrote the game using C++ and OpenGL, developing my own scene graph, AI, collision detection and shaders. I had already developed the scene graph in a previous assignment, as well as an OBJ file loader. I also produced all the assets in Maya and did the global illumination &amp; ambient occlusion bake to texture.</p>
<h2>Inspiration</h2>
<p>The idea for the game was a mashup of concepts. I like the walking teapots that Pixar gives away at SIGGRAPH. I also liked the game mechanics of <a href="http://en.wikipedia.org/wiki/Flock!">Flock</a> by <a href="http://www.proper-games.com/">Proper Games</a> where you herd animals into a spaceship. When I thought about how I could combine the two, I remembered that Pixar has a toy ball from Luxo Jr, which is used frequently as an inside joke for research papers (along with teapots). I also liked the &#8220;rolling around&#8221; player mechanics from <a href="http://www.torquepowered.com/products/marbleblastgold">Marble Blast</a>.  So that was basically how I came up with the idea for the game.</p>
<p>For the level, I decided that since I was doing so much Pixar-inspired stuff, I&#8217;d model the room after Andy&#8217;s room in Toy Story.</p>
<p>As the goal for the teapots to run into, I still needed a box of some kind, so what better than a <a href="http://en.wikipedia.org/wiki/Cornell_Box">Cornell Box</a>?</p>
<h2>Content Creation</h2>
<p>I modeled everything in Autodesk Maya using polygons. The models were then exported as OBJ&#8217;s which my scene graph could read.</p>
<p>Because I&#8217;m new to all this, and hadn&#8217;t touched GLSL before two weeks ago, I decided that in order to make the game look good, I&#8217;d attempt to bake global illumination and ambient occlusion to textures. I was able to do this with Maya.</p>
<div id="attachment_374" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.leonardteo.com/wp-content/uploads/2010/12/maya.jpg"><img class="size-medium wp-image-374 colorbox-365" title="maya" src="http://www.leonardteo.com/wp-content/uploads/2010/12/maya-400x225.jpg" alt="" width="400" height="225" /></a><p class="wp-caption-text">All assets were modeled in Maya.</p></div>
<div id="attachment_375" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.leonardteo.com/wp-content/uploads/2010/12/photon_mapping3.jpg"><img class="size-medium wp-image-375 colorbox-365" title="photon_mapping3" src="http://www.leonardteo.com/wp-content/uploads/2010/12/photon_mapping3-400x320.jpg" alt="" width="400" height="320" /></a><p class="wp-caption-text">An early Global Illumination test using Mental Ray. The Buzz/Woody texture was removed in the game.</p></div>
<div id="attachment_377" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.leonardteo.com/wp-content/uploads/2010/12/floor.jpg"><img class="size-medium wp-image-377 colorbox-365" title="floor" src="http://www.leonardteo.com/wp-content/uploads/2010/12/floor-400x400.jpg" alt="" width="400" height="400" /></a><p class="wp-caption-text">Global illumination was baked to texture. Here&#39;s the floor.</p></div>
<div id="attachment_376" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.leonardteo.com/wp-content/uploads/2010/12/ambient_occ.jpg"><img class="size-medium wp-image-376 colorbox-365" title="ambient_occ" src="http://www.leonardteo.com/wp-content/uploads/2010/12/ambient_occ-400x225.jpg" alt="" width="400" height="225" /></a><p class="wp-caption-text">The walking teapot, with ambient occlusion baked to texture.</p></div>
<h2>Technical</h2>
<p>I developed Teapot Master in C++ and OpenGL. The application was built on Windows 7 and Mac OS X Snow Leopard.</p>
<p>The major software components that I developed were:</p>
<ul>
<li>Hierarchical scene graph</li>
<li>OBJ loader</li>
<li>Player control and dynamics</li>
<li>Collision detection</li>
<li>AI</li>
<li>Blinn-Phong Shaders</li>
</ul>
<p>I used these libraries:</p>
<ul>
<li><a href="http://freeglut.sourceforge.net/">FreeGLUT</a></li>
<li><a href="http://glew.sourceforge.net/">GLEW</a></li>
<li><a href="http://www.lonesock.net/soil.html">SOIL</a></li>
</ul>
<h2>Download Teapot Master</h2>
<p>Windows 7 and Windows Vista<br />
<a href="/teapotmaster/TeapotMasterSetup.msi">TeapotMasterInstaller.msi</a></p>
<p>Note: Apologies to OS X users. The game was developed on OS X in addition to Windows, but I wasn&#8217;t able to successfully test it on other machines, so I&#8217;m only making the Windows installer available.</p>
<h2>Instructions</h2>
<p>WASD keys: Roll the ball<br />
Arrow keys: Orbit the camera<br />
Escape: Quit the game</p>
<p>Herd the walking teapots into the Cornell Box.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.leonardteo.com/2010/12/teapotmaster/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fun with Materials</title>
		<link>http://www.leonardteo.com/2010/04/fun-with-materials/</link>
		<comments>http://www.leonardteo.com/2010/04/fun-with-materials/#comments</comments>
		<pubDate>Sat, 10 Apr 2010 11:07:24 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Computer Graphics]]></category>
		<category><![CDATA[Eye Candy]]></category>

		<guid isPermaLink="false">http://www.leonardteo.com/?p=190</guid>
		<description><![CDATA[One of the most enjoyable parts of my work with Gnomon School of Visual Effects is that I get to do 3D again. I&#8217;m taking a texturing class with Eric Miller this term. Here&#8217;s my first assignment, produced in Maya 2010 and Mental Ray. Basically just trying to simulate some real life materials.]]></description>
			<content:encoded><![CDATA[<p>One of the most enjoyable parts of my work with <a href="http://www.gnomonschool.com">Gnomon School of Visual Effects</a> is that I get to do 3D again. I&#8217;m taking a texturing class with Eric Miller this term. Here&#8217;s my first assignment, produced in Maya 2010 and Mental Ray. Basically just trying to simulate some real life materials.</p>
<p><a href="http://www.leonardteo.com/wp-content/uploads/2010/04/material_eggs_3.jpg"><img class="aligncenter size-medium wp-image-192 colorbox-190" title="material_eggs_3" src="http://www.leonardteo.com/wp-content/uploads/2010/04/material_eggs_3-400x225.jpg" alt="" width="400" height="225" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leonardteo.com/2010/04/fun-with-materials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PTGUI and Panoramas</title>
		<link>http://www.leonardteo.com/2009/12/ptgui-and-panoramas/</link>
		<comments>http://www.leonardteo.com/2009/12/ptgui-and-panoramas/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 19:05:22 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Eye Candy]]></category>

		<guid isPermaLink="false">http://www.leonardteo.com/?p=124</guid>
		<description><![CDATA[After years of using Realviz Stitcher software for creating panoramas, I decided to try out PTGUI, which was recommended to me by visual effects artists for creating spherical HDR&#8217;s used for lighting and reflections in 3D computer graphics. I ran in some old images that I had taken which did not stitch correctly in Stitcher, [...]]]></description>
			<content:encoded><![CDATA[<p>After years of using Realviz Stitcher software for creating panoramas, I decided to try out PTGUI, which was recommended to me by visual effects artists for creating spherical HDR&#8217;s used for lighting and reflections in 3D computer graphics. I ran in some old images that I had taken which did not stitch correctly in Stitcher, and found PTGUI to be absurdly amazing. Check out the images.</p>
<p style="text-align: center;"><a href="http://www.leonardteo.com/wp-content/uploads/2009/12/calanques.jpg"><img class="size-medium wp-image-125 aligncenter colorbox-124" title="Calanque in Marseilles, France" src="http://www.leonardteo.com/wp-content/uploads/2009/12/calanques-400x132.jpg" alt="" width="400" height="132" /></a>Calanque in Marseilles, France</p>
<p style="text-align: center;"><a href="http://www.leonardteo.com/wp-content/uploads/2009/12/sevenlakes1.jpg"><img class="aligncenter size-medium wp-image-126 colorbox-124" title="sevenlakes1" src="http://www.leonardteo.com/wp-content/uploads/2009/12/sevenlakes1-400x126.jpg" alt="" width="400" height="126" /></a>Seven Lakes in Sierra Nevada Ranges, California</p>
<p style="text-align: center;"><a href="http://www.leonardteo.com/wp-content/uploads/2009/12/sevenlakes2.jpg"><img class="aligncenter size-medium wp-image-127 colorbox-124" title="sevenlakes2" src="http://www.leonardteo.com/wp-content/uploads/2009/12/sevenlakes2-400x137.jpg" alt="" width="400" height="137" /></a>Seven Lakes in Sierra Nevada Ranges, California</p>
<p style="text-align: center;"><a href="http://www.leonardteo.com/wp-content/uploads/2009/12/sevenlakes3.jpg"><img class="aligncenter size-medium wp-image-128 colorbox-124" title="sevenlakes3" src="http://www.leonardteo.com/wp-content/uploads/2009/12/sevenlakes3-400x125.jpg" alt="" width="400" height="125" /></a>Seven Lakes in Sierra Nevada Ranges, California</p>
]]></content:encoded>
			<wfw:commentRss>http://www.leonardteo.com/2009/12/ptgui-and-panoramas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

