<?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>FooMojo &#187; Technical</title>
	<atom:link href="http://www.foomojo.com/category/technical/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.foomojo.com</link>
	<description>we got game</description>
	<lastBuildDate>Wed, 25 Aug 2010 18:43:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How We Make FooPets</title>
		<link>http://www.foomojo.com/2010/05/20/how-we-make-foopets/</link>
		<comments>http://www.foomojo.com/2010/05/20/how-we-make-foopets/#comments</comments>
		<pubDate>Thu, 20 May 2010 20:00:26 +0000</pubDate>
		<dc:creator>Claire Umeda</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Cool]]></category>
		<category><![CDATA[Fun]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Team]]></category>
		<category><![CDATA[Technical]]></category>
		<category><![CDATA[creating FooPets]]></category>
		<category><![CDATA[FooMojo]]></category>
		<category><![CDATA[FooPets]]></category>
		<category><![CDATA[How we make FooPets]]></category>
		<category><![CDATA[Making FooPets]]></category>

		<guid isPermaLink="false">http://www.foomojo.com/?p=549</guid>
		<description><![CDATA[
Have you ever wondered what it takes to make these amazingly  realistic, 3D puppies and kittens? Well for starters, it takes about two  months and at least four artists (approximately 1,280 hours) to create  one FooPet. The entire process requires nine stages and several  iterations before the final product is able [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-561" style="border:1px solid black" title="Aby Close" src="http://www.foomojo.com/wp-content/uploads/2010/05/aby_close_475.jpg" alt="Aby Close" width="475" height="331" /><br />
Have you ever wondered what it takes to make these amazingly  realistic, 3D puppies and kittens? Well for starters, it takes about two  months and at least four artists (approximately 1,280 hours) to create  one FooPet. The entire process requires nine stages and several  iterations before the final product is able to meow or bark on your screen.  Creating FooPets is no easy task!<br />
<span id="more-549"></span></p>
<h2>Reference</h2>
<p><a href="http://foo.edgesuite.net/images/Blog/01_Blog_Reference_Lg.jpg"><img class="alignleft" style="border: 10px none white;" title="Abyssinian Cat  Reference" src="http://www.foomojo.com/wp-content/uploads/2010/05/AbyCatReference-150x188.jpg" alt="Abyssinian Cat Reference" width="150" height="188" /></a>First, the  FooMojo art team thoroughly researches the pet breed, studying reference  websites, books, artwork, photographs, and even real live pets. The  goal is to become familiar with the intricate details of how the animal  behaves and the breed’s physical characteristics: body and appendage  proportions, coloring and fur texture, special markings, eye shapes and  colors, the paws, the nose, even the inside of the mouth, etc. They will  use reference material throughout the various creation stages.</p>
<h2>Modeling</h2>
<p><a href="http://foo.edgesuite.net/images/Blog/01_Blog_Body.jpg"><strong><img class="alignleft" style="border: 10px none white;" title="Modeling" src="http://www.foomojo.com/wp-content/uploads/2010/05/Body-150x266.jpg" alt="Modeling" width="150" height="256" /></strong></a></p>
<p>Next, a FooMojo modeler will start with a 3D box constructed of a  wireframe mesh of connected points, and shape it into a pet. Think of it  as digital clay. Using reference material, an image of the animal is  projected in the background to help form the proper bodily proportions.</p>
<p>When shaping the 3D box, a process called box modeling, 22,000 faces  (or sides) are manipulated to create contour of the pet. Each tiled area  is called a polygon. The artist will pay close attention to the  structure of the body and proportions of the limbs.</p>
<h2>UV Creation (2D layout of the model)</h2>
<p><a href="http://foo.edgesuite.net/images/Blog/01_Blog_catUvs_Lg.jpg"><strong><img class="alignleft" style="border: 10px none white;" title="Cat UV " src="http://www.foomojo.com/wp-content/uploads/2010/05/catUvs-150x150.jpg" alt="UV Creation of the Aby" width="150" height="150" /></strong></a></p>
<p>The shaped model is then changed into a 2D image by slicing it from  the nose to the tail, opening up the ‘skin’ and flattening it out &#8211;  essentially resembling a bearskin rug. Once the image is flattened, the  artist makes sure that the proportions are maintained to preserve the  resolution of the texture. This is then used later in the paint process,  using reference material to accurately add color and fur patterns as  well as eye shadow, nail color, etc. Even though the 2D image is flat,  it corresponds directly with the 3D model.  Once the artist is done, the  paint will serve as a base for the pet’s color. The next step is to add  hair.  With a click of a button, 22,000 guide hairs will literally pop out  of the 3D model, corresponding polygon points.</p>
<h2>Styling</h2>
<p>To style the G<a href="http://foo.edgesuite.net/images/Blog/01_Blog_FurStyling_Lg.jpg"><strong><img class="alignleft" style="border: 10px none white;" title="Styling" src="http://www.foomojo.com/wp-content/uploads/2010/05/Styling-150x190.jpg" alt="Styling" width="150" height="190" /></strong></a>uide Fur, which at this  stage looks very much like a porcupine, the artist will comb and style  the guide hairs to length and direction of the breed’s natural fur. Once  the guide hairs are properly combed, each guide hair is interpolated  across the polygonal model to fill in the appropriate number of real  hairs to cover the pet.  Hair is added in layers. Each added layer  creates more opacity for all the layers, giving a softer, more natural  appearance of really fine hair resembling the fuzzy fur of puppies and  kittens.</p>
<p>Typically, a FooPet will end up with around 200,000 &#8211; 700,000  individual hairs, depending on the breed. Our most recent Abyssinian has  four layers of hair and nearly one million hairs total.</p>
<p>Now the pet looks proportionally correct and covered in fur, but  appears in gradients of gray.  It’s time to paint the fur.</p>
<h2>Painting</h2>
<p><a href="http://foo.edgesuite.net/images/Blog/01_Blog_Paint_Lg.jpg"><img class="alignleft" style="border: 10px none white;" title="Painting Skin" src="http://www.foomojo.com/wp-content/uploads/2010/05/Painting-150x93.jpg" alt="Painting Skin" width="150" height="93" /></a>Painting is the most  critical step. Using the UV creation, three layers of paint are applied  to the skin, root fur, and tip fur. To do this, the artist will project  images onto the model. Using 2D and 3D paint tools, texture is added. A  high-resolution UV map carries more detail in places like the face and  ears where the skin paint is more visible than the hairier areas. Then,  tools are used to hand paint fixes and apply touch ups.</p>
<p>The root fur is painted darker to simulate the idea of shadowing. The  Tip Fur is usually lighter and more true to what you see on a real pet.  Our artists will blend the root and the tip coloring on a single strand  of fur to simulate real pet hair. If you take a piece of fur from a  pet, you will notice the color change from the root to the tip. Each  hair on a FooPet is multicolored just like real animals.</p>
<h2>Lighting</h2>
<p><a href="http://foo.edgesuite.net/images/Blog/01_Blog_Lighting_Lg.jpg"><img class="alignleft" style="border: 10px none white;" title="Aby Model Lighting" src="http://www.foomojo.com/wp-content/uploads/2010/05/AbyModelLighting-150x112.jpg" alt="Aby Model Lighting" width="150" height="112" /></a>The paint and the  lighting are interdependent of each other, just worked on in stages.  The paint and fur are created with saturation of color for the intended  lighting. The lighting is then tweaked to optimize the paint and fur to  achieve the desired look. At this time, a lot of energy is put in the  eyes (shininess, shape, color, expression of the eyes), and overall  lifelikeness of the face.</p>
<p>Now we have a finished statue, but next we bring it to life.</p>
<h2>Rigging</h2>
<p><a href="http://foo.edgesuite.net/images/Blog/01_Blog_Rigging_Lg.jpg"><img class="alignleft" style="border: 10px none white;" title="Rigging" src="http://www.foomojo.com/wp-content/uploads/2010/05/BetterRigging-150x331.jpg" alt="Rigging" width="150" height="331" /></a>Rigging is typically done at  the same time as the UV creation. Our rigging artist will add 300 bones  minimum to the model, paying close attention to ensure that the joints  are placed anatomically correct in order to re-create the motion of the  animal accurately.</p>
<p>The model sculpt is bound or weighted to the skeleton joints. The  skeleton is then layered with control curves, which the animator can  pick in 3D space to translate, rotate, scale, and manipulate custom  controllers to achieve different poses. The rigs are layered with extra  helper controls like constraints and inverse kinematics so the animators  can lock paws to the ground, align the eyes to a focal point, or keep a  shoulder or hip aligned to another part of the body without having to  hand key every single frame. As much of this process is encapsulated in  scripting so the animation and rig data can be shared from pet to pet.</p>
<h2>Animation</h2>
<p><a title="Cat Animation" rel="http://foo.edgesuite.net/images/blog/01_Blog_Animation_Lg.jpg&quot;" href="http://foo.edgesuite.net/images/Blog/01_Blog_Animation_Lg.jpg"><img class="alignleft" style="border: 10px none white;" title="Animation" src="http://www.foomojo.com/wp-content/uploads/2010/05/Animation-150x121.jpg" alt="Animation" width="150" height="121" /></a>The animation data brings  the personality and realism to life. FooMojo’s animation artists will  use reference material to recreate the motion of the animal, stylizing  as needed to simulate natural realistic movement. The animators generate  libraries of poses and animation to ensure that the transitions between  different actions of the pet are as seamless as possible, and to reuse  poses as staring points for new animation.</p>
<h2>Render</h2>
<p><a href="http://foo.edgesuite.net/images/Blog/01_Blog_Rendering_Lg.jpg"><img class="alignleft" style="border: 10px none white;" title="Rendering" src="http://www.foomojo.com/wp-content/uploads/2010/05/Rendering-150x93.jpg" alt="Rendering" width="150" height="93" /></a>Rendering a FooPet can be  quite time consuming, especially since rendering and lighting go hand in  hand. Both need to work together simultaneously to ensure the proper  coloring and effect of the pet.  After the lighting has been submitted  to the 3D scene, the data is submitted to the render farm.</p>
<p>The model sculpt geometry is smoothed out at render time using  mathematical algorithms that are in the render software called <a href="http://en.wikipedia.org/wiki/Catmull–Clark_subdivision_surface">subdivision  surface routines</a>. These routines effectively quadruple the number  of faces in the polygonal mesh that are seen by the camera during  rendering. Consider the polygon count for the render is between 3.5  million triangles. What does that mean? The artist will smooth out the  edges of the FooPet for a natural look, which takes a lot of time!</p>
<p>e.g. The fur is between 3 – 10 polygons per hair with 200,000 &#8211;  500,000 hairs + 1 million for the underlying skin of the pet  = 6  million polygons. A render with this many polygons on a single machine  takes about 5 – 220 minutes to render with 6,000 frames (100 – 200  animation clips). Time =62,000 hours / 24 hours = 250 days divided by 2  as we run two processes per machine = 125 days.</p>
<p>At FooPets, we have dozens of machines to help expedite this process  into 2 ½ days! This environment of servers is called a render farm. Talk  about processing power!</p>
<h2>Sound</h2>
<p>Sound is then added to give the final touch of realism that brings  these pets to life. Recorded clips of food pouring and collected  reference audio are cut to create short clips that are carefully  synchronized with the rendered animation.</p>
<p>That’s how we do it! We hope you enjoyed this overview of how we make  FooPets. You can <a href="http://www.foopets.com/wallpaper">download</a> free Desktop Wallpaper of the Abyssinian showcased in this article.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.foomojo.com/2010/05/20/how-we-make-foopets/feed/</wfw:commentRss>
		<slash:comments>245</slash:comments>
		</item>
		<item>
		<title>Ho ho ho, SEO! FooPets.com reaches top SERP for &#8220;virtual pets&#8221;</title>
		<link>http://www.foomojo.com/2009/12/24/ho-ho-ho-seo-foopets-com-reaches-top-serp-for-virtual-pets/</link>
		<comments>http://www.foomojo.com/2009/12/24/ho-ho-ho-seo-foopets-com-reaches-top-serp-for-virtual-pets/#comments</comments>
		<pubDate>Thu, 24 Dec 2009 19:24:16 +0000</pubDate>
		<dc:creator>Ron Hornbaker</dc:creator>
				<category><![CDATA[Cool]]></category>
		<category><![CDATA[Press Releases]]></category>
		<category><![CDATA[Technical]]></category>

		<guid isPermaLink="false">http://www.foomojo.com/?p=445</guid>
		<description><![CDATA[Just one year after launching FooPets.com, we&#8217;ve received an early Christmas present: the #1 result for a Google search for &#8220;virtual pets&#8221; (without the quotes), just ahead of the longstanding champion of that position, Neopets.com. (You may see us still at #2 or #3, depending on which Google datacenter you hit.) Now we just have [...]]]></description>
			<content:encoded><![CDATA[<p>Just one year after launching <a href="http://www.foopets.com/">FooPets.com</a>, we&#8217;ve received an early Christmas present: the #1 result for a <a href="http://www.google.com/search?q=virtual+pets">Google search for &#8220;virtual pets&#8221;</a> (without the quotes), just ahead of the longstanding champion of that position, Neopets.com. (You may see us still at #2 or #3, depending on which Google datacenter you hit.) Now we just have to hold position&#8211;easier said than done. We still have a ways to go with our second target search phrase, &#8220;online pets,&#8221; where we&#8217;re still down at SERP #5, above the fold but not good enough. In the immortal words of <a href="http://gcut.to/ricky+bobby">Ricky Bobby</a>, <em>if you&#8217;re not first you&#8217;re last</em>.<br />
<a href="http://www.foomojo.com/wp-content/uploads/2009/12/Picture-33.jpg"><img src="http://www.foomojo.com/wp-content/uploads/2009/12/Picture-33.jpg" alt="FooPets.com Number 1 Google SERP screenshot" title="FooPets.com Number 1 Google SERP" width="480" height="383" class="aligncenter size-full wp-image-446" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.foomojo.com/2009/12/24/ho-ho-ho-seo-foopets-com-reaches-top-serp-for-virtual-pets/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
