The Audience

<BODY bgcolor="F7F4EB" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">  <table width="100%" height="50" border="0" cellpadding="0" cellspacing="0" bgcolor="98907D" class="bg3"> <tr> <td width="1054" height="50" valign="bottom"><map name="MapMap3"> <area shape="rect" coords="726,-1,803,26" href="feedback.htm" target="_top"> </map> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/TopTwo_technical.gif" width="800" height="44" border="0" usemap="#Map2"></td> </tr> </table> <map name="MapMap5"><area shape="rect" coords="252,-1,315,24" href="funding.htm" target="_top"><area shape="rect" coords="336,-2,419,30" href="technical.htm" target="_top"> <area shape="rect" coords="163,-1,235,26" href="gallery.htm" target="_top"> <area shape="rect" coords="78,-1,143,22" href="info.htm" target="_top"> <area shape="rect" coords="4,0,54,22" href="index.htm" target="_top"> <area shape="rect" coords="441,-2,552,30" href="development.htm" target="_top"> <area shape="rect" coords="574,-1,629,36" href="press.htm" target="_top"> <area shape="rect" coords="643,-2,708,30" href="credits.htm" target="_top"> </map> <map name="Map"> <area shape="rect" coords="726,-1,803,26" href="feedback.htm" target="_top"> </map> <map name="MapMap"> <area shape="rect" coords="726,-1,803,26" href="feedback.htm" target="_top"> </map> <map name="MapMap2"> <area shape="rect" coords="726,-1,803,26" href="feedback.htm" target="_top"> </map></td> </tr> </table> <map name="MapMap4"> <area shape="rect" coords="163,-1,235,26" href="gallery.htm" target="_top"> <area shape="rect" coords="78,-1,143,22" href="concept.htm" target="_top"> <area shape="rect" coords="4,0,54,22" href="info.htm" target="_top"> <area shape="rect" coords="441,-2,552,30" href="development.htm" target="_top"> <area shape="rect" coords="574,-1,629,36" href="press.htm" target="_top"> <area shape="rect" coords="643,-2,708,30" href="credits.htm" target="_top"> <area shape="rect" coords="726,-1,803,26" href="feedback.htm" target="_top"> </map> <map name="Map2"><area shape="rect" coords="5,25,104,43" href="info.htm" target="_top"><area shape="rect" coords="132,28,193,44" href="concept.htm" target="_top"><area shape="rect" coords="224,28,288,42" href="funding.htm" target="_top"><area shape="rect" coords="314,27,391,43" href="technical.htm" target="_top"><area shape="rect" coords="420,27,528,43" href="development.htm" target="_top"><area shape="rect" coords="557,26,609,43" href="press.htm" target="_top"><area shape="rect" coords="639,26,698,47" href="gallery.htm" target="_top"> <area shape="rect" coords="5,2,56,19" href="index.htm" target="_top"> <area shape="rect" coords="77,4,177,20" href="shows.htm" target="_top"> <area shape="rect" coords="205,3,385,18" href="learn.htm" target="_top"> <area shape="rect" coords="404,2,586,21" href="info.htm" target="_top"> <area shape="rect" coords="610,2,682,21" href="credits.htm" target="_top"> <area shape="rect" coords="702,3,786,20" href="feedback.htm" target="_top"> </map>   <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="30%" height="115"><div align="right"></div> </td> <td width="40%" valign="top"><div align="center"><font color="#333333" size="2" face="Georgia, Times New Roman, Times, serif"><a href="info.htm" target="_top"><img src="images/logoWhiteProject_03.gif" width="312" height="115" border="0"></a></font></div></td> <td width="30%" valign="top"><div align="right"><font color="#333333" size="2" face="Georgia, Times New Roman, Times, serif"></font></div></td> </tr> </table> <br> <table width="100%" cellspacing="15" cellpadding="0"> <tr> <td class="infoVV"><strong class="PageHeader">Modeling and Animating the Audience</strong></td> </tr> </table> <table width="100%" cellspacing="15" cellpadding="0"> <tr> <td width="85%" valign="top"><div align="left" class="infoVV"> <div align="left"> <p>In addition to recreating the vaudeville acts themselves, the Virtual Vaudeville project is simulating the responses of the 19th century spectators. Our virtual Union Square Theatre has 800 spectators, all of whom are animated during the entire performance. Spectators respond differently to each moment of each acts depending on factors such as their age, gender, class, ethnicity and proximity to the stage. For example, when Frank Bush portrays his Irish character, the Irish spectators in the gallery— a notoriously boisterous group — respond very differently from the WASP characters in the boxes.</p> </div> </div></td> </tr> </table> <table width="100%" border="0" cellspacing="15" cellpadding="0"> <tr> <td width="24%"><img src="images/showgirl.jpg" width="200" height="200"></td> <td width="24%"><img src="images/StashBurnsGuy.jpg" width="200" height="200"></td> <td width="23%"><span class="infoVV"><img src="images/RaisedEyebrow.jpg" width="200" height="200"></span></td> <td width="29%"><img src="images/leroy.jpg" width="200" height="200"></td> </tr> </table><br> <table width="100%" cellspacing="15" cellpadding="0"> <tr> <td width="86%"valign="top"><div align="center"> <p align="left"><span class="infoVV">However, to create 800 distinct models, with 800 distinct animations, would not only be an awesomely onerous task, but would be impossible for the program to handle in real-time. Our solution has been to define 32 basic audience groups, for example, one group of upper class WASP men, and another of middle class African-American women, and to script and animate responses for each of these groups. We then created from three to five physical variations for each group (i.e., three to five different faces and costumes), so that there is a total of approximately 120 different spectators, each of whom is repeated several times. We produced even more variation by adding and subtracting hats and facial hair.</span></p> </div></td> </tr> </table> <table width="100%" border="0" cellspacing="15" cellpadding="0"> <tr> <td width="24%"><img src="images/IrishBeard.jpg" width="200" height="200"></td> <td width="24%"><img src="images/Forest.jpg" width="200" height="200"></td> <td width="24%"><img src="images/Stanley.jpg" width="200" height="200"></td> <td width="28%"><img src="images/Chris.jpg" width="200" height="200"></td> </tr> </table> <table width="100%" cellspacing="15" cellpadding="0"> <tr> <td width="52%" height="150" valign="top"><div align="center"> <p align="left" class="infoVV"><strong>FRANK BUSH SPECTATOR REACTIONS</strong><br> <a href="#" onMouseDown="MM_openBrWindow('demo_movies/audience/flyThruAudience/031010AudFocusHigh.mov','','width=720,height=495')"> High Resolution</a> (19.5 MB) or <a href="#" onMouseDown="MM_openBrWindow('demo_movies/audience/flyThruAudience/031010AudFocusLow.mov','','width=360,height=255')"> Low Resolution</a> (8.98 MB)</p> <p align="left" class="infoVV"><img src="images/movIm4.jpg" width="130" height="130"></p> </div> </td> </tr> </table> <p><span class="bg"> <map name="Map2"> <area shape="rect" coords="507,66,590,88" href="#"> <area shape="rect" coords="599,65,705,89" href="#"> <area shape="rect" coords="715,63,790,90" href="#"> </map> </span> </p>  </BODY>