首頁 探索 說明
登入
csharp
/
XNAGameStudio
镜像来自 https://github.com/SimonDarksideJ/XNAGameStudio.git
2
0
複刻 0
檔案 問題管理 0 Wiki
分支: archive
分支列表 標籤列表
XNAGameStudio
/
Samples
/
CustomAvatarAnimation_4_0
/
CustomAvatarAnimation.htm

CustomAvatarAnimation.htm 47 KB
永久連結 文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515 
  1. <html xmlns:MSHelp="http://msdn.microsoft.com/mshelp" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:xanx="http://schemas.microsoft.com/developer/xanx/2005"><head><META http-equiv="Content-Type" content="text/html; charset=utf-8"><META NAME="save" CONTENT="history"><title>Custom Avatar Animation Sample</title>
    2. 

  2. <style><!--
    3. 

  3. /***********************************************************
    4. 

  4.  *             SCRIPT-SUPPORTING STYLES
    5. 

  5.  ***********************************************************/
    6. 

  6. 

  7. /* Defines the userData cache persistence mechanism. */
    8. 

  8. .userDataStyle
    9. 

  9. {
    10. 

  10. 	behavior: url(#default#userData);
    11. 

  11. }
    12. 

  12. 

  13. /* Used to save the scroll bar position when navigating away from a page. */
    14. 

  14. div.saveHistory
    15. 

  15. {
    16. 

  16. 	behavior: url(#default#saveHistory);
    17. 

  17. }
    18. 

  18. 

  19. /* Formats the expand/collapse images for all collapsible regions. */
    20. 

  20. img.toggle
    21. 

  21. {
    22. 

  22. 	border: 0;
    23. 

  23. 	margin-right: 5;
    24. 

  24. }
    25. 

  25. 

  26. /* Formats the Language filter drop-down image. */
    27. 

  27. img#languageFilterImage
    28. 

  28. {
    29. 

  29. 	border: 0;
    30. 

  30. 	margin-left: 0;
    31. 

  31. 	vertical-align: middle;
    32. 

  32. }
    33. 

  33. 

  34. /* Formats the Members Options filter drop-down image. */
    35. 

  35. img#membersOptionsFilterImage
    36. 

  36. {
    37. 

  37. 	border: 0;
    38. 

  38. 	margin-left: 0;
    39. 

  39. 	vertical-align: middle;
    40. 

  40. }
    41. 

  41. 

  42. /* Formats the Collapse All/Expand All images. */
    43. 

  43. img#toggleAllImage
    44. 

  44. {
    45. 

  45. 	margin-left: 0;
    46. 

  46. 	vertical-align: middle;
    47. 

  47. }
    48. 

  48. 

  49. /* Supports XLinks */
    50. 

  50. MSHelp\:link
    51. 

  51. {
    52. 

  52.  	text-decoration: underline;
    53. 

  53. 	color: #0000ff; 
    54. 

  54. 	hoverColor: #3366ff;
    55. 

  55. 	filterString: ;
    56. 

  56. }
    57. 

  57. 

  58. 

  59. body
    60. 

  60. 	{
    61. 

  61. 	background:	#FFFFFF;
    62. 

  62. 	color: #000000;
    63. 

  63. 	font-family:	Verdana;
    64. 

  64. 	font-size: medium;
    65. 

  65. 	font-style: normal;
    66. 

  66. 	font-weight: normal;
    67. 

  67. 	margin-top:	0;
    68. 

  68. 	margin-bottom:	0;
    69. 

  69. 	margin-left:	0;
    70. 

  70. 	margin-right:	0;
    71. 

  71. 	width:	100%;
    72. 

  72. 	/*font-size: 110%;*/
    73. 

  73. 	}
    74. 

  74. 

  75. div.section
    76. 

  76. 	{
    77. 

  77. 	margin-left: 15px;
    78. 

  78. 	}
    79. 

  79. 

  80. div.hxnx5
    81. 

  81. 	{
    82. 

  82. 	margin-left: 1.5em;
    83. 

  83. 	}
    84. 

  84. 

  85. /* Font for all headings */	
    86. 

  86. h1, h2, h3, h4, h5, h6
    87. 

  87. 	{
    88. 

  88. 	font-family: Verdana, Arial, Helvetica, sans-serif;
    89. 

  89. 	margin-top: 18;
    90. 

  90. 	margin-bottom: 8; 
    91. 

  91. 	font-weight: bold;
    92. 

  92. 	}
    93. 

  93. h1
    94. 

  94. 	{
    95. 

  95. 	font-size: 130%;
    96. 

  96. 	color: #003399;
    97. 

  97. 	}
    98. 

  98. div#scrollyes h1 /* Changes font size for full-scrolling topic */
    99. 

  99. 	{
    100. 

  100. 	font-size: 150%;
    101. 

  101. 	}
    102. 

  102. h2
    103. 

  103. 	{
    104. 

  104. 	font-size: 125%;
    105. 

  105. 	}
    106. 

  106. h3
    107. 

  107. 	{
    108. 

  108. 	font-size: 115%;
    109. 

  109. 	margin-top: 9;
    110. 

  110. 	margin-bottom: 4; 
    111. 

  111. 	}
    112. 

  112. h4
    113. 

  113. 	{
    114. 

  114. 	font-size: 115%;
    115. 

  115. 	margin-top: 9;
    116. 

  116. 	margin-bottom: 4; 
    117. 

  117. 	}
    118. 

  118. h5
    119. 

  119. 	{
    120. 

  120. 	font-size: 100%;
    121. 

  121. 	margin-top: 9;
    122. 

  122. 	margin-bottom: 4; 
    123. 

  123. 	}
    124. 

  124. h6
    125. 

  125. 	{
    126. 

  126. 	font-size: 100%;
    127. 

  127. 	margin-top: 9;
    128. 

  128. 	margin-bottom: 4; 
    129. 

  129. 	}
    130. 

  130. 

  131. ul p, ol p, dl p
    132. 

  132. 	{
    133. 

  133. 	margin-left: 0em;
    134. 

  134. 	}
    135. 

  135. 

  136. p
    137. 

  137. 	{
    138. 

  138. 	margin-top: .6em;
    139. 

  139. 	margin-bottom: .6em;
    140. 

  140. 	}
    141. 

  141. 	
    142. 

  142. td p
    143. 

  143. 	{
    144. 

  144. 	margin-top: 0.0em;
    145. 

  145. 	margin-bottom: 0.6em;
    146. 

  146. 	}
    147. 

  147. 

  148. dd p
    149. 

  149. 	{
    150. 

  150. 	margin-top: 0.0em;
    151. 

  151. 	margin-bottom: 0.6em;
    152. 

  152. 	}
    153. 

  153. 

  154. .image
    155. 

  155. 	{
    156. 

  156. 	text-align: center;
    157. 

  157. 	}
    158. 

  158. 

  159. dl
    160. 

  160. 	{
    161. 

  161. 	margin-top: 0em; 
    162. 

  162. 	margin-bottom: 1.3em;
    163. 

  163. 	}
    164. 

  164. 

  165. dd
    166. 

  166. 	{
    167. 

  167. 	margin-bottom: 0em;
    168. 

  168. 	margin-left: 1.5em;
    169. 

  169. 	}
    170. 

  170. 

  171. dl.glossary dd 
    172. 

  172. {
    173. 

  173. 	margin-bottom: 0em;  
    174. 

  174. 	margin-left: 1.5em; 
    175. 

  175. }
    176. 

  176. 

  177. dt
    178. 

  178. 	{
    179. 

  179. 	margin-top: .6em;
    180. 

  180. 	margin-bottom: 1;
    181. 

  181. 	}
    182. 

  182. 

  183. ul, ol
    184. 

  184. 	{
    185. 

  185. 	margin-top: 0.6em;
    186. 

  186. 	margin-bottom: 0.6em; 	
    187. 

  187. 	}
    188. 

  188. 	
    189. 

  189. ol
    190. 

  190. 	{
    191. 

  191. 	margin-left: 2.5em; 
    192. 

  192. 	
    193. 

  193. 	}	
    194. 

  194. 	
    195. 

  195. ul
    196. 

  196. 	{
    197. 

  197. 	list-style-type: disc; 
    198. 

  198. 	margin-left: 1.9em; 
    199. 

  199. 	}
    200. 

  200. 

  201. li
    202. 

  202. 	{
    203. 

  203. 	margin-bottom: 0.4em;
    204. 

  204. 	}
    205. 

  205. 

  206. ul ol, ol ol
    207. 

  207. 	{
    208. 

  208. 	list-style-type: lower-alpha;
    209. 

  209. 	}
    210. 

  210. 

  211. pre
    212. 

  212. 	{
    213. 

  213. 	margin-top: .6em;
    214. 

  214. 	margin-bottom: .6em; 
    215. 

  215. 	}
    216. 

  216. 

  217. pre
    218. 

  218. 	{
    219. 

  219. 	font: 105% Lucida, mono; 
    220. 

  220. 	color: #000066;
    221. 

  221. 	}
    222. 

  222. 

  223. code
    224. 

  224. {
    225. 

  225. 	font-family: Monospace, Courier New, Courier;
    226. 

  226. 	font-size: 105%;
    227. 

  227. 	color:	#000066;
    228. 

  228. }
    229. 

  229. 

  230. table.userdata td 
    231. 

  231. 	{
    232. 

  232. 	background: #ffffff;
    233. 

  233. 	background-color: #F5F5F5;
    234. 

  234. 	border-color: #ffffff;
    235. 

  235. 	border: none;
    236. 

  236. 	}	
    237. 

  237. table.clsWarning
    238. 

  238. 	{
    239. 

  239. 	background: #ffffff;
    240. 

  240. 	padding: 0px;
    241. 

  241. 	margin: 0px;
    242. 

  242. 	border: none;
    243. 

  243. 	}
    244. 

  244. table.clsWarning td
    245. 

  245. 	{
    246. 

  246. 	padding: 0px;
    247. 

  247. 	margin: 0px;
    248. 

  248. 	background: #ffffff;
    249. 

  249. 	vertical-align: middle;
    250. 

  250. 	font-size: 70%;
    251. 

  251. 	}
    252. 

  252. 

  253. div#mainSection table
    254. 

  254. 	{
    255. 

  255. 	width: 98%;
    256. 

  256. 	background: #ffffff;
    257. 

  257. 	margin-top: 5px;
    258. 

  258. 	margin-bottom: 5px;
    259. 

  259. 	}
    260. 

  260. 

  261. div#mainSection table th
    262. 

  262. 	{ 
    263. 

  263. 	padding: 5px 6px;
    264. 

  264. 	background: #EFEFF7;
    265. 

  265. 	text-align: left;
    266. 

  266. 	font-size: 70%;
    267. 

  267. 	vertical-align: bottom;
    268. 

  268. 	border-bottom: 1px solid #C8CDDE;
    269. 

  269. 	}
    270. 

  270. div#mainSection table td
    271. 

  271. 	{ 
    272. 

  272. 	padding: 5px 5px;
    273. 

  273. 	background: #F7F7FF;
    274. 

  274. 	vertical-align: top;
    275. 

  275. 	font-size: 70%;
    276. 

  276. 	border-bottom: 1px solid #D5D5D3;
    277. 

  277. 	}
    278. 

  278. 

  279. div#syntaxCodeBlocks table th
    280. 

  280. 	{
    281. 

  281. 	padding: 1px 6px;
    282. 

  282. 	color: #000066;
    283. 

  283. 	}
    284. 

  284. 

  285. div#syntaxCodeBlocks table td
    286. 

  286. 	{
    287. 

  287. 	padding: 1px 5px;
    288. 

  288. 	}
    289. 

  289. 

  290. /* Applies to the running header text in the first row of the upper table in the
    291. 

  291.    non-scrolling header region. */
    292. 

  292. span#runningHeaderText
    293. 

  293. {
    294. 

  294. 	color: #003399;
    295. 

  295. 	font-size: 90%;
    296. 

  296. 	padding-left: 13;
    297. 

  297. }
    298. 

  298. 

  299. /* Applies to the topic title in the second row of the upper table in the
    300. 

  300.    non-scrolling header region. */
    301. 

  301. span#nsrTitle
    302. 

  302. {
    303. 

  303. 	color: #003399;
    304. 

  304. 	font-size: 120%;
    305. 

  305. 	font-weight: 600;
    306. 

  306. 	padding-left: 13;
    307. 

  307. }
    308. 

  308. 

  309. /* Applies to everything below the non-scrolling header region. */
    310. 

  310. div#mainSection
    311. 

  311. {
    312. 

  312. 	font-size: 70%;
    313. 

  313. 	width: 100%;
    314. 

  314. }
    315. 

  315. 

  316. /* Applies to everything below the non-scrolling header region, minus the footer. */
    317. 

  317. div#mainBody
    318. 

  318. {
    319. 

  319. 	font-size: 90%;
    320. 

  320. 	margin-left: 15;
    321. 

  321. 	margin-top: 10;
    322. 

  322. 	padding-bottom: 20;
    323. 

  323. }
    324. 

  324. 

  325. /* Adds right padding for all blocks in mainBody */
    326. 

  326. div#mainBody p, div#mainBody ol, div#mainBody ul, div#mainBody dl
    327. 

  327. {
    328. 

  328. 	padding-right: 5;
    329. 

  329. }
    330. 

  330. 

  331. div#mainBody div.alert, div#mainBody div.code, div#mainBody div.tableSection
    332. 

  332. {
    333. 

  333. 	width:98.9%;
    334. 

  334. }
    335. 

  335. 

  336. div.alert p, div.code p
    337. 

  337. {
    338. 

  338. 	margin-top:5;
    339. 

  339. 	margin-bottom:8;
    340. 

  340. }
    341. 

  341. 

  342. /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Begin Note Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    343. 

  343. div#mainSection div.alert table
    344. 

  344. {
    345. 

  345. 	border: 0;
    346. 

  346. }
    347. 

  347. 

  348. div#mainSection div.alert table th
    349. 

  349. {
    350. 

  350. 	padding-top: 0;
    351. 

  351. 	padding-bottom: 0;
    352. 

  352. 	padding-left: 5;
    353. 

  353. 	padding-right: 5;
    354. 

  354. }
    355. 

  355. 

  356. div#mainSection div.alert table td
    357. 

  357. {
    358. 

  358. 	padding-left: 5;
    359. 

  359. 	padding-right: 5;
    360. 

  360. }
    361. 

  361. 

  362. img.note
    363. 

  363. {
    364. 

  364. 	border: 0;
    365. 

  365. 	margin-left: 0;
    366. 

  366. 	margin-right: 3;
    367. 

  367. }
    368. 

  368. /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - End Note Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    369. 

  369. 

  370. /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Begin Non-scrolling Header Region Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    371. 

  371. /* Applies to the entire non-scrolling header region. */
    372. 

  372. div#header
    373. 

  373. {
    374. 

  374. 	background-color: #D4DFFF;
    375. 

  375. 	padding-top:	0;
    376. 

  376. 	padding-bottom:	0;
    377. 

  377. 	padding-left:	0;
    378. 

  378. 	padding-right:	0;
    379. 

  379. 	width:	100%;
    380. 

  380. }
    381. 

  381. 

  382. /* Applies to both tables in the non-scrolling header region. */
    383. 

  383. div#header table
    384. 

  384. {
    385. 

  385. 	margin-top:	0;
    386. 

  386. 	margin-bottom: 0;
    387. 

  387. 	border-bottom-color: #C8CDDE;
    388. 

  388. 	border-bottom-style: solid;
    389. 

  389. 	border-bottom-width: 1;
    390. 

  390. 	background: #D4DFFF;
    391. 

  391. 	width:	100%;
    392. 

  392. }
    393. 

  393. 

  394. /* Applies to cells in both tables in the non-scrolling header region. */
    395. 

  395. div#header table td
    396. 

  396. {
    397. 

  397. 	color: #0000FF;
    398. 

  398. 	font-size: 70%;
    399. 

  399. 	padding-right: 20;
    400. 

  400. 	padding-top: 1;
    401. 

  401. 	padding-bottom: 1;
    402. 

  402. 	border: none;
    403. 

  403. 	background: #D4DFFF;
    404. 

  404. }
    405. 

  405. 

  406. /* Applies to the last row in the upper table of the non-scrolling header region. Text 
    407. 

  407.    in this row includes See Also, Constructors, Methods, and Properties. */
    408. 

  408. div#header table tr#headerTableRow3 td
    409. 

  409. {
    410. 

  410. 	padding-bottom: 2;
    411. 

  411. 	padding-top: 5;
    412. 

  412. 	padding-left: 15;
    413. 

  413. }
    414. 

  414. 

  415. /* Applies to the lower table in the non-scrolling header region. Text in this table
    416. 

  416.    includes Collapse All/Expand All, Language Filter, and Members Options. */
    417. 

  417. div#header table#bottomTable
    418. 

  418. {
    419. 

  419. 	border-top-color: #FFFFFF;
    420. 

  420. 	border-top-style: solid;
    421. 

  421. 	border-top-width: 1;
    422. 

  422. 	text-align: left;
    423. 

  423. 	padding-left: 15;
    424. 

  424. }
    425. 

  425. 

  426. 

  427. blockquote
    428. 

  428. 	{
    429. 

  429. 	margin-left: 3.8em;
    430. 

  430. 	margin-right: 3.8em;
    431. 

  431. 	margin-top: .6em;
    432. 

  432. 	margin-bottom: .6em;
    433. 

  433. 	}
    434. 

  434. 

  435. sup
    436. 

  436. 	{
    437. 

  437. 	text-decoration: none;
    438. 

  438. 	font-size: smaller; 
    439. 

  439. 	}
    440. 

  440. 

  441. a:link
    442. 

  442. 	{
    443. 

  443. 	color: #0000FF;
    444. 

  444. /*    font-weight: bold */
    445. 

  445. 	}
    446. 

  446. 	
    447. 

  447. a:visited
    448. 

  448. 	{
    449. 

  449. 	color: #0000AA;
    450. 

  450. /*    font-weight: bold	*/
    451. 

  451. 	}
    452. 

  452. 	
    453. 

  453. a:hover
    454. 

  454. 	{
    455. 

  455. 	color: #3366FF;
    456. 

  456. /*    font-weight: bold */
    457. 

  457. 	}
    458. 

  458. 	
    459. 

  459. .label
    460. 

  460. 	{
    461. 

  461. 	font-weight: bold; 
    462. 

  462. 	margin-top: 1em;
    463. 

  463. 	margin-left: -26px;
    464. 

  464. 	}
    465. 

  465. 	
    466. 

  466. .tl
    467. 

  467. 	{
    468. 

  468. 	margin-bottom: .75em; 
    469. 

  469. 	}
    470. 

  470. 	
    471. 

  471. .atl
    472. 

  472. 	{
    473. 

  473. 	padding-left: 1.5em;
    474. 

  474. 	padding-bottom: .75em; 
    475. 

  475. 	}
    476. 

  476. 	
    477. 

  477. .cfe
    478. 

  478. 	{
    479. 

  479. 	font-weight: bold; 
    480. 

  480. 	}
    481. 

  481. 	
    482. 

  482. .mini
    483. 

  483. 	{
    484. 

  484. 	font-size: smaller;
    485. 

  485. 	}
    486. 

  486. 	
    487. 

  487. .dt
    488. 

  488. 	{
    489. 

  489. 	margin-bottom: -.6em; 
    490. 

  490. 	}
    491. 

  491. 	
    492. 

  492. .indent
    493. 

  493. 	{
    494. 

  494. 	margin-left: 1.9em; 
    495. 

  495. 	margin-right: 1.9em;
    496. 

  496. 	}
    497. 

  497. 

  498. .product
    499. 

  499. 	{
    500. 

  500. 	text-align: right;
    501. 

  501. 	color: #333333;
    502. 

  502. 	font-size: smaller;
    503. 

  503. 	font-style: italic;
    504. 

  504. 	}
    505. 

  505. 

  506. .buttonbarshade
    507. 

  507. 	{
    508. 

  508. 	position: relative;
    509. 

  509. 	margin: 0;
    510. 

  510. 	left: 0px;
    511. 

  511. 	top: 2;
    512. 

  512. 	width: 50%;
    513. 

  513. 	height: 40px;
    514. 

  514. 	}
    515. 

  515. 

  516. .buttonbartable
    517. 

  517. 	{
    518. 

  518. 	position: absolute;
    519. 

  519. 	margin: 0;
    520. 

  520. 	padding:0;
    521. 

  521. 	border:0;
    522. 

  522. 	left:0px;
    523. 

  523. 	top: 2;
    524. 

  524. 	width: 100%;
    525. 

  525. 	height: 40px;
    526. 

  526. 	}
    527. 

  527. 

  528. /* background color, font for header */ 
    529. 

  529. table.buttonbartable td, table.buttonbarshade td
    530. 

  530. 	{
    531. 

  531. 	background: #ffffff; /*#5177B8; #80C615;*/
    532. 

  532. 	border-left: 0px solid #80C615;
    533. 

  533. 	margin: 0;
    534. 

  534. 	padding: 0px 0px 0px 0px;
    535. 

  535. 	font-family: Impact, sans-serif;
    536. 

  536. 	font-size: 14pt;
    537. 

  537. 	}
    538. 

  538. 

  539. table.buttonbartable td.button1
    540. 

  540. 	{
    541. 

  541. 	background: #5177B8; /*#80C615;*/;
    542. 

  542. 	padding: 0;
    543. 

  543. 	font-weight: bold;
    544. 

  544. 	text-align: center;
    545. 

  545. 	cursor: hand;
    546. 

  546. 	}
    547. 

  547. 

  548. table.buttonbartable td.button2
    549. 

  549. 	{
    550. 

  550. 	background: #5177B8; /*#80C615;*/;
    551. 

  551. 	font-weight: bold;
    552. 

  552. 	text-align: center;
    553. 

  553. 	}
    554. 

  554. 

  555. table.buttonbartable td.button3
    556. 

  556. 	{
    557. 

  557. 	background: #5177B8; /*#80C615;*/;
    558. 

  558. 	font-weight: bold;
    559. 

  559. 	text-align: center;
    560. 

  560. 	}
    561. 

  561. 

  562. table.buttonbartable td.runninghead
    563. 

  563. 	{
    564. 

  564. 	padding-left: 0px;
    565. 

  565. 	font-style: italic;
    566. 

  566. 	text-align: left;
    567. 

  567. 	}
    568. 

  568. 

  569. .version
    570. 

  570. 	{
    571. 

  571. 	text-align: left;
    572. 

  572. 	color: #000000;
    573. 

  573. 	margin-top: 3em;
    574. 

  574. 	margin-left: -26px;
    575. 

  575. 	font-size: smaller;
    576. 

  576. 	font-style: italic;
    577. 

  577. 	}
    578. 

  578. 

  579. .lang, .ilang
    580. 

  580. 	{
    581. 

  581. 	color: #0000ff;
    582. 

  582. 	font: normal 7pt Arial, Helvetica, sans-serif;
    583. 

  583. 	}
    584. 

  584. 

  585. div.langMenu
    586. 

  586. 	{
    587. 

  587. 	position: absolute;
    588. 

  588. 	z-index: 1;
    589. 

  589. 	width: 96pt;
    590. 

  590. 	padding: 8pt;
    591. 

  591. 	visibility: hidden;
    592. 

  592. 	border: 1px solid #000000;
    593. 

  593. 	background: #ffffd0;
    594. 

  594. 	}
    595. 

  595. 

  596. div.langMenu ul
    597. 

  597. 	{
    598. 

  598. 	padding-left: 2em;
    599. 

  599. 	margin-left: 0;
    600. 

  600. 	}
    601. 

  601. 

  602. div.filtered
    603. 

  603. 	{
    604. 

  604. 	margin: 4pt 0 8pt -26px;
    605. 

  605. 	padding: 4px 4px 8px 26px;
    606. 

  606. 	width: 100%;
    607. 

  607. 	border: 2px solid #aaaacc;
    608. 

  608. 	background: #ffffff;
    609. 

  609. 	}
    610. 

  610. 

  611. div.filtered2
    612. 

  612. 	{
    613. 

  613. 	margin: 4pt 0 8pt -26px;
    614. 

  614. 	padding: 4px 4px 8px 26px;
    615. 

  615. 	width: 100%;
    616. 

  616. 	border: none;
    617. 

  617. 	background: #ffffff;
    618. 

  618. 	}
    619. 

  619. 

  620. div.filtered h1, div.filtered h2, div.filtered h3, div.filtered h4
    621. 

  621. 	{
    622. 

  622. 	margin-left: -22px;
    623. 

  623. 	}
    624. 

  624. 

  625. div.filtered span.lang
    626. 

  626. 	{
    627. 

  627. 	position: relative;
    628. 

  628. 	left: -22px;
    629. 

  629. 	}
    630. 

  630. 

  631. div.reftip
    632. 

  632. 	{
    633. 

  633. 	position: absolute;
    634. 

  634. 	z-index: 1;
    635. 

  635. 	padding: 8pt;
    636. 

  636. 	visibility: hidden;
    637. 

  637. 	border: 1px solid #000000;
    638. 

  638. 	background: #ffffd0;
    639. 

  639. 	}
    640. 

  640. 

  641. a.synParam
    642. 

  642. 	{
    643. 

  643. 	color: #0000FF;
    644. 

  644. 	/*color: #3F7800;*/ 	
    645. 

  645. 	/*color: #8DC54F;*/
    646. 

  646. 	text-decoration: none;
    647. 

  647.     font-weight: normal;
    648. 

  648. 	}
    649. 

  649. 

  650. a.synParam:hover
    651. 

  651. 	{
    652. 

  652. 	text-decoration: underline;
    653. 

  653.     font-weight: normal;
    654. 

  654. 	}
    655. 

  655. 

  656. div.sapop
    657. 

  657. 	{
    658. 

  658. 	position: absolute;
    659. 

  659. 	z-index: 1;
    660. 

  660. 	left: 26px;
    661. 

  661. 	width: 100%;
    662. 

  662. 	padding: 10px 10px 10px 36px;
    663. 

  663. 	visibility: hidden;
    664. 

  664. 	border: 1px solid #000000;
    665. 

  665. 	background: #ffffd0;
    666. 

  666. 	}
    667. 

  667. 

  668. div.footer
    669. 

  669. 	{
    670. 

  670. 	width: 100%;
    671. 

  671. 	border: none;
    672. 

  672. 	background: #ffffff;
    673. 

  673. 	margin-top: 18pt;
    674. 

  674. 	padding-bottom: 12pt;
    675. 

  675. 	color: #0000FF;
    676. 

  676. 	/*color: #228B22; */
    677. 

  677. 	text-align: center;
    678. 

  678. 	font-size: 76%;
    679. 

  679. 	}
    680. 

  680. 

  681. div.preliminary
    682. 

  682. 	{
    683. 

  683. 	margin-top: 8pt;
    684. 

  684. 	padding-bottom: 12pt;
    685. 

  685. 	color: #A0A0A0;
    686. 

  686. 	}
    687. 

  687. 

  688. /* A procedure section. eg. 'To create a file', 'To add a value' */
    689. 

  689. div.proc
    690. 

  690.     {
    691. 

  691. 	margin-left: 0.5em; 
    692. 

  692.     }
    693. 

  693.      
    694. 

  694. /* The title of a 'procedure' section. */
    695. 

  695. div.proc h3
    696. 

  696.     {
    697. 

  697. 	font-family: Verdana, Arial, Helvetica, sans-serif;
    698. 

  698. 	font-weight: bold;
    699. 

  699. 	font-size: 115%;
    700. 

  700. 	margin-top: 1em;
    701. 

  701. 	margin-bottom: 0.4em;
    702. 

  702. 	margin-left: -0.5em; 
    703. 

  703. 	color: #003399;
    704. 

  704.     }
    705. 

  705. 

  706. div.proc ul
    707. 

  707.     {
    708. 

  708.     margin-left: 1.5em;
    709. 

  709.     }
    710. 

  710. 

  711. div.proc ol
    712. 

  712.     {
    713. 

  713.     margin-left: 2.0em;
    714. 

  714.     }
    715. 

  715.       
    716. 

  716. .note
    717. 

  717. 	{
    718. 

  718. 	margin-left: 14pt;
    719. 

  719. 	margin-right: 12pt;
    720. 

  720. 	}
    721. 

  721. 

  722. .indent1
    723. 

  723. 	{
    724. 

  724. 	margin-left: 12pt;
    725. 

  725. 	}
    726. 

  726. 

  727. .indent2
    728. 

  728. 	{
    729. 

  729. 	margin-left: 24pt;
    730. 

  730. 	}
    731. 

  731. 

  732. .indent3
    733. 

  733. 	{
    734. 

  734. 	margin-left: 36pt;
    735. 

  735. 	}
    736. 

  736. 

  737. p.proch
    738. 

  738. 	{
    739. 

  739. 	padding-left: 16px;
    740. 

  740. 	}
    741. 

  741. 

  742. p.proch img
    743. 

  743. 	{
    744. 

  744. 	position: relative; 
    745. 

  745. 	vertical-align: top;
    746. 

  746. 	left: -18px; 
    747. 

  747. 	margin-right: -14px; 
    748. 

  748. 	margin-bottom: -18px;
    749. 

  749. 	}
    750. 

  750. 	
    751. 

  751. div.clsPlatSpec
    752. 

  752. {
    753. 

  753. 	background-color:#FFF8DC;
    754. 

  754. 	border-style:solid;
    755. 

  755. 	border-width:1pt 0pt 0pt 1pt;
    756. 

  756. 	border-color:#ffE4C4;
    757. 

  757. 	margin-top:0.6em;
    758. 

  758. 	width:100%;
    759. 

  759. }
    760. 

  760. 

  761. 

  762. /* Applies to the language labels in the Language Filter drop-down list. */
    763. 

  763. .languageFilter
    764. 

  764. {
    765. 

  765. 	color:	#0000FF;
    766. 

  766. 	cursor:hand;
    767. 

  767. 	text-decoration:underline;
    768. 

  768. 	padding-bottom:4;
    769. 

  769. }
    770. 

  770. 

  771. /* Dropdown areas */
    772. 

  772. 

  773. #languageSpan {
    774. 

  774. 	position: absolute;
    775. 

  775. 	visibility: hidden;
    776. 

  776. 	border-style: solid;
    777. 

  777. 	border-width: 1px;
    778. 

  778. 	border-color: #C8CDDE;
    779. 

  779. 	background: #d4dfff;
    780. 

  780. 	padding: 4px;
    781. 

  781. 	font-size: 70%;
    782. 

  782. }
    783. 

  783. 

  784. #membersOptionsSpan {
    785. 

  785. 	position: absolute;
    786. 

  786. 	visibility: hidden;
    787. 

  787. 	border-style: solid;
    788. 

  788. 	border-width: 1px;
    789. 

  789. 	border-color: #C8CDDE;
    790. 

  790. 	background: #d4dfff;
    791. 

  791. 	padding: 4px;
    792. 

  792. 	font-size: 70%;
    793. 

  793. }
    794. 

  794. .auto-style1 {
    795. 

  795. 	border-collapse: collapse;
    796. 

  796. 	line-height: 115%;
    797. 

  797. 	font-size: 11.0pt;
    798. 

  798. 	font-family: Calibri, sans-serif;
    799. 

  799. }
    800. 

  800. --></style>
    801. 

  801. 

  802. <xml>
    803. 

  803. <MSHelp:TOCTitle Title="Custom Avatar Animation Sample" />
    804. 

  804. <MSHelp:RLTitle Title="Custom Avatar Animation Sample" />
    805. 

  805. <MSHelp:Keyword Index="A" Term="O:Microsoft.Xna.CustomAvatarAnimation" />
    806. 

  806. <MSHelp:Keyword Index="A" Term="be7846b3-fbe3-38fb-5f8f-286f967d27a6" />
    807. 

  807. <MSHelp:Keyword Index="K" Term="Custom Avatar Animation Sample" />
    808. 

  808. 

  809. <MSHelp:Attr Name="AssetID" Value="be7846b3-fbe3-38fb-5f8f-286f967d27a6" />
    810. 

  810. <MSHelp:Attr Name="Locale" Value="en-us" />
    811. 

  811. <MSHelp:Attr Name="CommunityContent" Value="1" />
    812. 

  812. <MSHelp:Attr Name="TopicType" Value="kbOrient" />
    813. 

  813. <MSHelp:Attr Name="DocSet" Value="XNA" />
    814. 

  814. <MSHelp:Attr Name="DocSet" Value="ExpressLibVS" />
    815. 

  815. <MSHelp:Attr Name="DocSet" Value="C#" />
    816. 

  816. <MSHelp:Attr Name="ProjType" Value="LocalProj" />
    817. 

  817. <MSHelp:Attr Name="ProjType" Value="XNA_31" />
    818. 

  818. <MSHelp:Attr Name="ProjType" Value="XNA_30" />
    819. 

  819. <MSHelp:Attr Name="Technology" Value="XNA" />
    820. 

  820. </xml>
    821. 

  821. </head><body><div id="mainSection"><div id="mainBody">
    822. 

  822.   <h1>Custom Avatar Animation Sample</h1>
    823. 

  823. 

  824.   This sample shows how to load and process a custom animation for an avatar by using the XNA Framework Content Pipeline.
    825. 

  825.   <a name="ID4EK"></a><h1 class="heading">Sample Overview</h1><div id="ID4EK" class="hxnx1">
    826. 

  826.     
    827. 

  827.     <p>
    828. 

  828.       This sample demonstrates how to load a custom animation from an FBX file exported from an avatar rig. A custom content processor is used to extract the animation data from the exported file and save it as a <code>CustomAvatarAnimationData</code> object. The animation data can then be loaded at run-time and played back using the <code>CustomAvatarAnimationPlayer</code>. The <code>CustomAvatarAnimationPlayer</code> exposes a number of properties similar to <code>AvatarAnimation</code>. You can use the <code>CustomAvatarAnimationPlayer.BoneTransforms</code> property to get the current bone transforms to be used with the <code>AvatarRenderer.Draw</code> method.      
    829. 

  829.     </p>
    830. 

  830.     <p>Animation of the avatar&#39;s facial features such as the eyes and mouth is 
    831. 

  831. 	done using texture animations. These texture animations can be driven by an additional data file which is associated with the FBX animation through the content pipeline</p>
    832. 

  832.     <div class="alert"><table cellspacing="0" cellpadding="0"><tr><th>Note </th></tr><tr><td>
    833. 

  833.       <p> When you build this sample, you may see a number of warnings related to the FBX model files, depending on the source of the model, that are expected and can be safely ignored.</p>
    834. 

  834.       <p>When using animations exported from Maya, you will see these warnings during the content build process:</p>
    835. 

  835.       <ul>.
    836. 

  836.         <li>Cannot process information from FBX node Controls. The attribute type 13 is invalid. The node and all of its children have been skipped.</li>
    837. 

  837.         <li>UV set __DecalColorMap occurs on different layers per mesh. Textures that use this UV set will not be given a TextureCoordinate opaque data property, as they do not map to any single texture coordinate channel.</li>
    838. 

  838.         <li>The FBX scene contained multiple bind poses for the following node or nodes […]</li>
    839. 

  839.       </ul>
    840. 

  840. 

  841.       <p>When using animations generated from Softimage, you will see this warning during the content build process:</p>
    842. 

  842.       <ul>
    843. 

  843.         <li> There were vertices which did not contain texture coordinates in the following mesh or meshes […]</li>
    844. 

  844.       </ul>
    845. 

  845.     </td></tr></table></div>
    846. 

  846.     <a name="ID4EWB"></a><h2 class="subHeading">Sample Controls</h2><div id="ID4EWB" class="hxnx2">
    847. 

  847.       
    848. 

  848.       <p>This sample uses the following gamepad controls.</p>
    849. 

  849.       <table>
    850. 

  850.         <tr>
    851. 

  851.           <th>Action</th>
    852. 

  852.           <th>Gamepad control</th>
    853. 

  853.         </tr>
    854. 

  854.         <tr>
    855. 

  855.           <td>Play jump animation</td>
    856. 

  856.           <td>
    857. 

  857.             <b>A</b>
    858. 

  858.           </td>
    859. 

  859.         </tr>
    860. 

  860.         <tr>
    861. 

  861.           <td>Play kick animation</td>
    862. 

  862.           <td>
    863. 

  863.             <b>B</b>
    864. 

  864.           </td>
    865. 

  865.         </tr>
    866. 

  866.         <tr>
    867. 

  867.           <td>Play punch animation</td>
    868. 

  868.           <td>
    869. 

  869.             <b>X</b>
    870. 

  870.           </td>
    871. 

  871.         </tr>
    872. 

  872.         <tr>
    873. 

  873.           <td>Play faint animation</td>
    874. 

  874.           <td>
    875. 

  875.             <b>Y</b>
    876. 

  876.           </td>
    877. 

  877.         </tr>
    878. 

  878.         <tr>
    879. 

  879.           <td>Load profile 1 avatar</td>
    880. 

  880.           <td>Left bumper</td>
    881. 

  881.         </tr>
    882. 

  882.         <tr>
    883. 

  883.           <td>New random avatar</td>
    884. 

  884.           <td>Right bumper</td>
    885. 

  885.         </tr>
    886. 

  886.         <tr>
    887. 

  887.           <td>Move the avatar</td>
    888. 

  888.           <td>Left thumb stick</td>
    889. 

  889.         </tr>
    890. 

  890.         <tr>
    891. 

  891.           <td>Rotate the camera</td>
    892. 

  892.           <td>Right thumb stick</td>
    893. 

  893.         </tr>
    894. 

  894.         <tr>
    895. 

  895.           <td>Zoom in</td>
    896. 

  896.           <td>Right trigger</td>
    897. 

  897.         </tr>
    898. 

  898.         <tr>
    899. 

  899.           <td>Zoom out</td>
    900. 

  900.           <td>Left trigger</td>
    901. 

  901.         </tr>
    902. 

  902.         <tr>
    903. 

  903.           <td>Reset the camera</td>
    904. 

  904.           <td>Right thumb stick press</td>
    905. 

  905.         </tr>
    906. 

  906.         <tr>
    907. 

  907.           <td>Exit the sample</td>
    908. 

  908.           <td>
    909. 

  909.             <b>BACK</b>
    910. 

  910.           </td>
    911. 

  911.         </tr>        
    912. 

  912.       </table>
    913. 

  913.     </div>
    914. 

  914.   </div>
    915. 

  915.   <a name="ID4ELF"></a><h1 class="heading">Export Settings</h1><div id="ID4ELF" class="hxnx1">
    916. 

  916.     
    917. 

  917.     <p>To create a custom animation, you must use an animation rig specific to the avatar system. Avatar animation packs are available for different modeling packages such as Autodesk Maya 2008 and Softimage Mod Tool Pro 7.5. You can find these rigs on the XNA Creators Club site (<a href="http://creators.xna.com">http://creators.xna.com</a>). After creating the animation, you need to export it to the FBX format and load it using the content processor found in this sample. For instructions on how to export the animations, see the readme for each of the animation rigs.</p>
    918. 

  918.   </div>
    919. 

  919.   <a name="ID4EZF"></a><h1 class="heading">How the Sample Works</h1><div id="ID4EZF" class="hxnx1">
    920. 

  920.     
    921. 

  921.     <p>The sample contains four projects:</p>
    922. 

  922.     <ul>
    923. 

  923.       <li>
    924. 

  924.         <code>CustomAvatarAnimationPipeline</code> is the Content Pipeline assembly containing the new content processor that converts the avatar animation .fbx file into the <code>CustomAvatarAnimationData</code> type.</li>
    925. 

  925.       <li>
    926. 

  926.         <code>CustomAvatarAnimationWindows</code> and <code>CustomAvatarAnimationXbox</code> are shared projects that both contain the same files. They contain the classes used to store and play back the custom avatar animation. The Windows version is needed at build time by the <code>CustomAvatarAnimationPipeline</code> project, and the Xbox version is needed at run time to load the custom animation.</li>
    927. 

  927.       <li>
    928. 

  928.         <code>CustomAvatarAnimationSampleXbox</code> contains the sample's game logic that demonstrates how to load and play the custom animation.</li>
    929. 

  929.     </ul>
    930. 

  930.     <p>
    931. 

  931.       The <code>CustomAvatarAnimationProcessor</code> works similarly to the Skinned Model sample found on the <a href="http://creators.xna.com">http://creators.xna.com</a> site. It finds the skeleton and animations and converts them into a <code>CustomAvatarAnimationData</code> class. The skeleton contains some extra bones at the end of each part of the hierarchy that the <code>AvatarRenderer</code> doesn't use.  The <code>RemoveEndBonesAndFixBoneNames</code> method removes these extra bones and also calls <code>CleanBoneName</code> to remove unneeded text from the bone names that is added as part of the export from the modeling package.
    932. 

  932.     </p> 
    933. 

  933.     	<p class="MsoNormal">
    934. 

  934. 		<span style="font-size:8.5pt;
    935. 

  935. font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">At run time,
    936. 

  936. 		<code>CustomAvatarAnimationData</code> 
    937. 

  937. 		</span>
    938. 

  938. 		<span style="font-size:8.5pt;font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black"> 
    939. 

  939. 		is loaded using a Content Manager like any other asset. You can then 
    940. 

  940. 		construct a <code>CustomAnimationPlayer</code> 
    941. 

  941. 		from the data to enable playback. You then use this player like an
    942. 

  942. 		<span style="font-size:8.5pt;font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black"> 
    943. 

  943. 		<code>AvatarAnimation</code> </span>&nbsp;to draw the avatar by using the 
    944. 

  944. 		<code>AvatarRenderer.Draw</code></span><span style="font-size:9.0pt;font-family:&quot;Courier New&quot;;
    945. 

  945. color:#000066"> </span>
    946. 

  946. 		<span style="font-size:8.5pt;
    947. 

  947. font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black"> method.</span><span style="font-size:
    948. 

  948. 8.5pt;font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">&nbsp; 
    949. 

  949. 		In addition to CustomAvatarAnimationData, you can load an associated 
    950. 

  950. 		Avatar facial expression.&nbsp; The Avatar Facial expression is a 
    951. 

  951. 		comma-separated file that specifies facial keyframe data as enumerated 
    952. 

  952. 		values.&nbsp; Valid expression values are as follows:<o:p></o:p></span></p>
    953. 

  953. 		<p class="MsoNormal">
    954. 

  954. 		<o:p></o:p></p>
    955. 

  955. 		<table border="0" cellpadding="0" cellspacing="0" class="auto-style1" style="mso-yfti-tbllook: 1184; mso-padding-alt: 0in 0in 0in 0in">
    956. 

  956. 			<tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes;mso-yfti-lastrow:yes">
    957. 

  957. 				<td style="width:159.6pt;border:solid windowtext 1.0pt;
    958. 

  958.   padding:0in 5.4pt 0in 5.4pt" valign="top" width="213">
    959. 

  959. 				<p class="MsoNormal">
    960. 

  960. 				<span style="font-size:8.5pt;
    961. 

  961.   font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Eye<o:p></o:p></span></p>
    962. 

  962. 				<table border="0" cellpadding="0" cellspacing="0" class="auto-style1" style="mso-yfti-tbllook: 1184; mso-padding-alt: 0in 0in 0in 0in">
    963. 

  963. 					<tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes">
    964. 

  964. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    965. 

  965.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    966. 

  966. 						<p class="MsoNormal">
    967. 

  967. 						<span style="font-size:8.5pt;
    968. 

  968.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Neutral<o:p></o:p></span></p>
    969. 

  969. 						</td>
    970. 

  970. 						<td style="width:22.5pt;border:solid windowtext 1.0pt;
    971. 

  971.     border-left:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    972. 

  972. 						<p class="MsoNormal">
    973. 

  973. 						<span style="font-size:8.5pt;
    974. 

  974.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">0<o:p></o:p></span></p>
    975. 

  975. 						</td>
    976. 

  976. 					</tr>
    977. 

  977. 					<tr style="mso-yfti-irow:1">
    978. 

  978. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    979. 

  979.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    980. 

  980. 						<p class="MsoNormal">
    981. 

  981. 						<span style="font-size:8.5pt;
    982. 

  982.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Sad<o:p></o:p></span></p>
    983. 

  983. 						</td>
    984. 

  984. 						<td style="width:22.5pt;border-top:none;border-left:
    985. 

  985.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    986. 

  986.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    987. 

  987. 						<p class="MsoNormal">
    988. 

  988. 						<span style="font-size:8.5pt;
    989. 

  989.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">1<o:p></o:p></span></p>
    990. 

  990. 						</td>
    991. 

  991. 					</tr>
    992. 

  992. 					<tr style="mso-yfti-irow:2">
    993. 

  993. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    994. 

  994.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    995. 

  995. 						<p class="MsoNormal">
    996. 

  996. 						<span style="font-size:8.5pt;
    997. 

  997.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Angry<o:p></o:p></span></p>
    998. 

  998. 						</td>
    999. 

  999. 						<td style="width:22.5pt;border-top:none;border-left:
    1000. 

  1000.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1001. 

  1001.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1002. 

  1002. 						<p class="MsoNormal">
    1003. 

  1003. 						<span style="font-size:8.5pt;
    1004. 

  1004.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">2<o:p></o:p></span></p>
    1005. 

  1005. 						</td>
    1006. 

  1006. 					</tr>
    1007. 

  1007. 					<tr style="mso-yfti-irow:3">
    1008. 

  1008. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1009. 

  1009.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1010. 

  1010. 						<p class="MsoNormal">
    1011. 

  1011. 						<span style="font-size:8.5pt;
    1012. 

  1012.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Confused<o:p></o:p></span></p>
    1013. 

  1013. 						</td>
    1014. 

  1014. 						<td style="width:22.5pt;border-top:none;border-left:
    1015. 

  1015.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1016. 

  1016.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1017. 

  1017. 						<p class="MsoNormal">
    1018. 

  1018. 						<span style="font-size:8.5pt;
    1019. 

  1019.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">3<o:p></o:p></span></p>
    1020. 

  1020. 						</td>
    1021. 

  1021. 					</tr>
    1022. 

  1022. 					<tr style="mso-yfti-irow:4">
    1023. 

  1023. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1024. 

  1024.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1025. 

  1025. 						<p class="MsoNormal">
    1026. 

  1026. 						<span style="font-size:8.5pt;
    1027. 

  1027.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Laughing<o:p></o:p></span></p>
    1028. 

  1028. 						</td>
    1029. 

  1029. 						<td style="width:22.5pt;border-top:none;border-left:
    1030. 

  1030.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1031. 

  1031.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1032. 

  1032. 						<p class="MsoNormal">
    1033. 

  1033. 						<span style="font-size:8.5pt;
    1034. 

  1034.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">4<o:p></o:p></span></p>
    1035. 

  1035. 						</td>
    1036. 

  1036. 					</tr>
    1037. 

  1037. 					<tr style="mso-yfti-irow:5">
    1038. 

  1038. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1039. 

  1039.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1040. 

  1040. 						<p class="MsoNormal">
    1041. 

  1041. 						<span style="font-size:8.5pt;
    1042. 

  1042.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Shocked<o:p></o:p></span></p>
    1043. 

  1043. 						</td>
    1044. 

  1044. 						<td style="width:22.5pt;border-top:none;border-left:
    1045. 

  1045.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1046. 

  1046.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1047. 

  1047. 						<p class="MsoNormal">
    1048. 

  1048. 						<span style="font-size:8.5pt;
    1049. 

  1049.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">5<o:p></o:p></span></p>
    1050. 

  1050. 						</td>
    1051. 

  1051. 					</tr>
    1052. 

  1052. 					<tr style="mso-yfti-irow:6">
    1053. 

  1053. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1054. 

  1054.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1055. 

  1055. 						<p class="MsoNormal">
    1056. 

  1056. 						<span style="font-size:8.5pt;
    1057. 

  1057.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Happy<o:p></o:p></span></p>
    1058. 

  1058. 						</td>
    1059. 

  1059. 						<td style="width:22.5pt;border-top:none;border-left:
    1060. 

  1060.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1061. 

  1061.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1062. 

  1062. 						<p class="MsoNormal">
    1063. 

  1063. 						<span style="font-size:8.5pt;
    1064. 

  1064.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">6<o:p></o:p></span></p>
    1065. 

  1065. 						</td>
    1066. 

  1066. 					</tr>
    1067. 

  1067. 					<tr style="mso-yfti-irow:7">
    1068. 

  1068. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1069. 

  1069.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1070. 

  1070. 						<p class="MsoNormal">
    1071. 

  1071. 						<span style="font-size:8.5pt;
    1072. 

  1072.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Yawning<o:p></o:p></span></p>
    1073. 

  1073. 						</td>
    1074. 

  1074. 						<td style="width:22.5pt;border-top:none;border-left:
    1075. 

  1075.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1076. 

  1076.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1077. 

  1077. 						<p class="MsoNormal">
    1078. 

  1078. 						<span style="font-size:8.5pt;
    1079. 

  1079.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">7<o:p></o:p></span></p>
    1080. 

  1080. 						</td>
    1081. 

  1081. 					</tr>
    1082. 

  1082. 					<tr style="mso-yfti-irow:8">
    1083. 

  1083. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1084. 

  1084.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1085. 

  1085. 						<p class="MsoNormal">
    1086. 

  1086. 						<span style="font-size:8.5pt;
    1087. 

  1087.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Sleeping<o:p></o:p></span></p>
    1088. 

  1088. 						</td>
    1089. 

  1089. 						<td style="width:22.5pt;border-top:none;border-left:
    1090. 

  1090.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1091. 

  1091.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1092. 

  1092. 						<p class="MsoNormal">
    1093. 

  1093. 						<span style="font-size:8.5pt;
    1094. 

  1094.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">8<o:p></o:p></span></p>
    1095. 

  1095. 						</td>
    1096. 

  1096. 					</tr>
    1097. 

  1097. 					<tr style="mso-yfti-irow:9">
    1098. 

  1098. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1099. 

  1099.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1100. 

  1100. 						<p class="MsoNormal">
    1101. 

  1101. 						<span style="font-size:8.5pt;
    1102. 

  1102.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">LookUp<o:p></o:p></span></p>
    1103. 

  1103. 						</td>
    1104. 

  1104. 						<td style="width:22.5pt;border-top:none;border-left:
    1105. 

  1105.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1106. 

  1106.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1107. 

  1107. 						<p class="MsoNormal">
    1108. 

  1108. 						<span style="font-size:8.5pt;
    1109. 

  1109.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">9<o:p></o:p></span></p>
    1110. 

  1110. 						</td>
    1111. 

  1111. 					</tr>
    1112. 

  1112. 					<tr style="mso-yfti-irow:10">
    1113. 

  1113. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1114. 

  1114.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1115. 

  1115. 						<p class="MsoNormal">
    1116. 

  1116. 						<span style="font-size:8.5pt;
    1117. 

  1117.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">LookDown<o:p></o:p></span></p>
    1118. 

  1118. 						</td>
    1119. 

  1119. 						<td style="width:22.5pt;border-top:none;border-left:
    1120. 

  1120.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1121. 

  1121.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1122. 

  1122. 						<p class="MsoNormal">
    1123. 

  1123. 						<span style="font-size:8.5pt;
    1124. 

  1124.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">10<o:p></o:p></span></p>
    1125. 

  1125. 						</td>
    1126. 

  1126. 					</tr>
    1127. 

  1127. 					<tr style="mso-yfti-irow:11">
    1128. 

  1128. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1129. 

  1129.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1130. 

  1130. 						<p class="MsoNormal">
    1131. 

  1131. 						<span style="font-size:8.5pt;
    1132. 

  1132.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">LookLeft<o:p></o:p></span></p>
    1133. 

  1133. 						</td>
    1134. 

  1134. 						<td style="width:22.5pt;border-top:none;border-left:
    1135. 

  1135.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1136. 

  1136.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1137. 

  1137. 						<p class="MsoNormal">
    1138. 

  1138. 						<span style="font-size:8.5pt;
    1139. 

  1139.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">11<o:p></o:p></span></p>
    1140. 

  1140. 						</td>
    1141. 

  1141. 					</tr>
    1142. 

  1142. 					<tr style="mso-yfti-irow:12">
    1143. 

  1143. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1144. 

  1144.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1145. 

  1145. 						<p class="MsoNormal">
    1146. 

  1146. 						<span style="font-size:8.5pt;
    1147. 

  1147.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1148. 

  1148. 						LookRight<o:p></o:p></span></p>
    1149. 

  1149. 						</td>
    1150. 

  1150. 						<td style="width:22.5pt;border-top:none;border-left:
    1151. 

  1151.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1152. 

  1152.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1153. 

  1153. 						<p class="MsoNormal">
    1154. 

  1154. 						<span style="font-size:8.5pt;
    1155. 

  1155.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">12<o:p></o:p></span></p>
    1156. 

  1156. 						</td>
    1157. 

  1157. 					</tr>
    1158. 

  1158. 					<tr style="mso-yfti-irow:13;mso-yfti-lastrow:yes">
    1159. 

  1159. 						<td style="width:112.25pt;border:solid windowtext 1.0pt;
    1160. 

  1160.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="150">
    1161. 

  1161. 						<p class="MsoNormal">
    1162. 

  1162. 						<span style="font-size:8.5pt;
    1163. 

  1163.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Blink<o:p></o:p></span></p>
    1164. 

  1164. 						</td>
    1165. 

  1165. 						<td style="width:22.5pt;border-top:none;border-left:
    1166. 

  1166.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1167. 

  1167.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="30">
    1168. 

  1168. 						<p class="MsoNormal">
    1169. 

  1169. 						<span style="font-size:8.5pt;
    1170. 

  1170.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">13<o:p></o:p></span></p>
    1171. 

  1171. 						</td>
    1172. 

  1172. 					</tr>
    1173. 

  1173. 				</table>
    1174. 

  1174. 				</td>
    1175. 

  1175. 				<td style="width:159.6pt;border:solid windowtext 1.0pt;
    1176. 

  1176.   border-left:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="213">
    1177. 

  1177. 				<p class="MsoNormal">
    1178. 

  1178. 				<span style="font-size:8.5pt;
    1179. 

  1179.   font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Eyebrow<o:p></o:p></span></p>
    1180. 

  1180. 				<table border="0" cellpadding="0" cellspacing="0" class="auto-style1" style="mso-yfti-tbllook: 1184; mso-padding-alt: 0in 0in 0in 0in">
    1181. 

  1181. 					<tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes">
    1182. 

  1182. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1183. 

  1183.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1184. 

  1184. 						<p class="MsoNormal">
    1185. 

  1185. 						<span style="font-size:8.5pt;
    1186. 

  1186.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Neutral<o:p></o:p></span></p>
    1187. 

  1187. 						</td>
    1188. 

  1188. 						<td style="width:74.05pt;border:solid windowtext 1.0pt;
    1189. 

  1189.     border-left:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1190. 

  1190. 						<p class="MsoNormal">
    1191. 

  1191. 						<span style="font-size:8.5pt;
    1192. 

  1192.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">0<o:p></o:p></span></p>
    1193. 

  1193. 						</td>
    1194. 

  1194. 					</tr>
    1195. 

  1195. 					<tr style="mso-yfti-irow:1">
    1196. 

  1196. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1197. 

  1197.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1198. 

  1198. 						<p class="MsoNormal">
    1199. 

  1199. 						<span style="font-size:8.5pt;
    1200. 

  1200.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Sad<o:p></o:p></span></p>
    1201. 

  1201. 						</td>
    1202. 

  1202. 						<td style="width:74.05pt;border-top:none;border-left:
    1203. 

  1203.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1204. 

  1204.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1205. 

  1205. 						<p class="MsoNormal">
    1206. 

  1206. 						<span style="font-size:8.5pt;
    1207. 

  1207.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">1<o:p></o:p></span></p>
    1208. 

  1208. 						</td>
    1209. 

  1209. 					</tr>
    1210. 

  1210. 					<tr style="mso-yfti-irow:2">
    1211. 

  1211. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1212. 

  1212.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1213. 

  1213. 						<p class="MsoNormal">
    1214. 

  1214. 						<span style="font-size:8.5pt;
    1215. 

  1215.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Angry<o:p></o:p></span></p>
    1216. 

  1216. 						</td>
    1217. 

  1217. 						<td style="width:74.05pt;border-top:none;border-left:
    1218. 

  1218.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1219. 

  1219.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1220. 

  1220. 						<p class="MsoNormal">
    1221. 

  1221. 						<span style="font-size:8.5pt;
    1222. 

  1222.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">2<o:p></o:p></span></p>
    1223. 

  1223. 						</td>
    1224. 

  1224. 					</tr>
    1225. 

  1225. 					<tr style="mso-yfti-irow:3">
    1226. 

  1226. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1227. 

  1227.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1228. 

  1228. 						<p class="MsoNormal">
    1229. 

  1229. 						<span style="font-size:8.5pt;
    1230. 

  1230.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Confused<o:p></o:p></span></p>
    1231. 

  1231. 						</td>
    1232. 

  1232. 						<td style="width:74.05pt;border-top:none;border-left:
    1233. 

  1233.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1234. 

  1234.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1235. 

  1235. 						<p class="MsoNormal">
    1236. 

  1236. 						<span style="font-size:8.5pt;
    1237. 

  1237.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">3<o:p></o:p></span></p>
    1238. 

  1238. 						</td>
    1239. 

  1239. 					</tr>
    1240. 

  1240. 					<tr style="mso-yfti-irow:4;mso-yfti-lastrow:yes">
    1241. 

  1241. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1242. 

  1242.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1243. 

  1243. 						<p class="MsoNormal">
    1244. 

  1244. 						<span style="font-size:8.5pt;
    1245. 

  1245.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Raised<o:p></o:p></span></p>
    1246. 

  1246. 						</td>
    1247. 

  1247. 						<td style="width:74.05pt;border-top:none;border-left:
    1248. 

  1248.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1249. 

  1249.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1250. 

  1250. 						<p class="MsoNormal">
    1251. 

  1251. 						<span style="font-size:8.5pt;
    1252. 

  1252.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">4<o:p></o:p></span></p>
    1253. 

  1253. 						</td>
    1254. 

  1254. 					</tr>
    1255. 

  1255. 				</table>
    1256. 

  1256. 				</td>
    1257. 

  1257. 				<td style="width:159.6pt;border:solid windowtext 1.0pt;
    1258. 

  1258.   border-left:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="213">
    1259. 

  1259. 				<p class="MsoNormal">
    1260. 

  1260. 				<span style="font-size:8.5pt;
    1261. 

  1261.   font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1262. 

  1262. 				AvatarMouth<o:p></o:p></span></p>
    1263. 

  1263. 				<table border="0" cellpadding="0" cellspacing="0" class="auto-style1" style="mso-yfti-tbllook: 1184; mso-padding-alt: 0in 0in 0in 0in">
    1264. 

  1264. 					<tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes">
    1265. 

  1265. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1266. 

  1266.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1267. 

  1267. 						<p class="MsoNormal">
    1268. 

  1268. 						<span style="font-size:8.5pt;
    1269. 

  1269.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Neutral<o:p></o:p></span></p>
    1270. 

  1270. 						</td>
    1271. 

  1271. 						<td style="width:74.05pt;border:solid windowtext 1.0pt;
    1272. 

  1272.     border-left:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1273. 

  1273. 						<p class="MsoNormal">
    1274. 

  1274. 						<span style="font-size:8.5pt;
    1275. 

  1275.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">0<o:p></o:p></span></p>
    1276. 

  1276. 						</td>
    1277. 

  1277. 					</tr>
    1278. 

  1278. 					<tr style="mso-yfti-irow:1">
    1279. 

  1279. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1280. 

  1280.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1281. 

  1281. 						<p class="MsoNormal">
    1282. 

  1282. 						<span style="font-size:8.5pt;
    1283. 

  1283.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Sad<o:p></o:p></span></p>
    1284. 

  1284. 						</td>
    1285. 

  1285. 						<td style="width:74.05pt;border-top:none;border-left:
    1286. 

  1286.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1287. 

  1287.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1288. 

  1288. 						<p class="MsoNormal">
    1289. 

  1289. 						<span style="font-size:8.5pt;
    1290. 

  1290.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">1<o:p></o:p></span></p>
    1291. 

  1291. 						</td>
    1292. 

  1292. 					</tr>
    1293. 

  1293. 					<tr style="mso-yfti-irow:2">
    1294. 

  1294. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1295. 

  1295.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1296. 

  1296. 						<p class="MsoNormal">
    1297. 

  1297. 						<span style="font-size:8.5pt;
    1298. 

  1298.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Angry<o:p></o:p></span></p>
    1299. 

  1299. 						</td>
    1300. 

  1300. 						<td style="width:74.05pt;border-top:none;border-left:
    1301. 

  1301.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1302. 

  1302.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1303. 

  1303. 						<p class="MsoNormal">
    1304. 

  1304. 						<span style="font-size:8.5pt;
    1305. 

  1305.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">2<o:p></o:p></span></p>
    1306. 

  1306. 						</td>
    1307. 

  1307. 					</tr>
    1308. 

  1308. 					<tr style="mso-yfti-irow:3">
    1309. 

  1309. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1310. 

  1310.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1311. 

  1311. 						<p class="MsoNormal">
    1312. 

  1312. 						<span style="font-size:8.5pt;
    1313. 

  1313.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Confused<o:p></o:p></span></p>
    1314. 

  1314. 						</td>
    1315. 

  1315. 						<td style="width:74.05pt;border-top:none;border-left:
    1316. 

  1316.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1317. 

  1317.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1318. 

  1318. 						<p class="MsoNormal">
    1319. 

  1319. 						<span style="font-size:8.5pt;
    1320. 

  1320.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">3<o:p></o:p></span></p>
    1321. 

  1321. 						</td>
    1322. 

  1322. 					</tr>
    1323. 

  1323. 					<tr style="mso-yfti-irow:4">
    1324. 

  1324. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1325. 

  1325.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1326. 

  1326. 						<p class="MsoNormal">
    1327. 

  1327. 						<span style="font-size:8.5pt;
    1328. 

  1328.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Laughing<o:p></o:p></span></p>
    1329. 

  1329. 						</td>
    1330. 

  1330. 						<td style="width:74.05pt;border-top:none;border-left:
    1331. 

  1331.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1332. 

  1332.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1333. 

  1333. 						<p class="MsoNormal">
    1334. 

  1334. 						<span style="font-size:8.5pt;
    1335. 

  1335.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">4<o:p></o:p></span></p>
    1336. 

  1336. 						</td>
    1337. 

  1337. 					</tr>
    1338. 

  1338. 					<tr style="mso-yfti-irow:5">
    1339. 

  1339. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1340. 

  1340.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1341. 

  1341. 						<p class="MsoNormal">
    1342. 

  1342. 						<span style="font-size:8.5pt;
    1343. 

  1343.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Shocked<o:p></o:p></span></p>
    1344. 

  1344. 						</td>
    1345. 

  1345. 						<td style="width:74.05pt;border-top:none;border-left:
    1346. 

  1346.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1347. 

  1347.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1348. 

  1348. 						<p class="MsoNormal">
    1349. 

  1349. 						<span style="font-size:8.5pt;
    1350. 

  1350.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">5<o:p></o:p></span></p>
    1351. 

  1351. 						</td>
    1352. 

  1352. 					</tr>
    1353. 

  1353. 					<tr style="mso-yfti-irow:6">
    1354. 

  1354. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1355. 

  1355.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1356. 

  1356. 						<p class="MsoNormal">
    1357. 

  1357. 						<span style="font-size:8.5pt;
    1358. 

  1358.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">Happy<o:p></o:p></span></p>
    1359. 

  1359. 						</td>
    1360. 

  1360. 						<td style="width:74.05pt;border-top:none;border-left:
    1361. 

  1361.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1362. 

  1362.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1363. 

  1363. 						<p class="MsoNormal">
    1364. 

  1364. 						<span style="font-size:8.5pt;
    1365. 

  1365.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">6<o:p></o:p></span></p>
    1366. 

  1366. 						</td>
    1367. 

  1367. 					</tr>
    1368. 

  1368. 					<tr style="mso-yfti-irow:7">
    1369. 

  1369. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1370. 

  1370.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1371. 

  1371. 						<p class="MsoNormal">
    1372. 

  1372. 						<span style="font-size:8.5pt;
    1373. 

  1373.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1374. 

  1374. 						PhoneticO<o:p></o:p></span></p>
    1375. 

  1375. 						</td>
    1376. 

  1376. 						<td style="width:74.05pt;border-top:none;border-left:
    1377. 

  1377.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1378. 

  1378.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1379. 

  1379. 						<p class="MsoNormal">
    1380. 

  1380. 						<span style="font-size:8.5pt;
    1381. 

  1381.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">7<o:p></o:p></span></p>
    1382. 

  1382. 						</td>
    1383. 

  1383. 					</tr>
    1384. 

  1384. 					<tr style="mso-yfti-irow:8">
    1385. 

  1385. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1386. 

  1386.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1387. 

  1387. 						<p class="MsoNormal">
    1388. 

  1388. 						<span style="font-size:8.5pt;
    1389. 

  1389.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1390. 

  1390. 						PhoneticAi<o:p></o:p></span></p>
    1391. 

  1391. 						</td>
    1392. 

  1392. 						<td style="width:74.05pt;border-top:none;border-left:
    1393. 

  1393.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1394. 

  1394.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1395. 

  1395. 						<p class="MsoNormal">
    1396. 

  1396. 						<span style="font-size:8.5pt;
    1397. 

  1397.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">8<o:p></o:p></span></p>
    1398. 

  1398. 						</td>
    1399. 

  1399. 					</tr>
    1400. 

  1400. 					<tr style="mso-yfti-irow:9">
    1401. 

  1401. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1402. 

  1402.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1403. 

  1403. 						<p class="MsoNormal">
    1404. 

  1404. 						<span style="font-size:8.5pt;
    1405. 

  1405.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1406. 

  1406. 						PhoneticEe<o:p></o:p></span></p>
    1407. 

  1407. 						</td>
    1408. 

  1408. 						<td style="width:74.05pt;border-top:none;border-left:
    1409. 

  1409.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1410. 

  1410.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1411. 

  1411. 						<p class="MsoNormal">
    1412. 

  1412. 						<span style="font-size:8.5pt;
    1413. 

  1413.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">9<o:p></o:p></span></p>
    1414. 

  1414. 						</td>
    1415. 

  1415. 					</tr>
    1416. 

  1416. 					<tr style="mso-yfti-irow:10">
    1417. 

  1417. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1418. 

  1418.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1419. 

  1419. 						<p class="MsoNormal">
    1420. 

  1420. 						<span style="font-size:8.5pt;
    1421. 

  1421.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1422. 

  1422. 						PhoneticFv<o:p></o:p></span></p>
    1423. 

  1423. 						</td>
    1424. 

  1424. 						<td style="width:74.05pt;border-top:none;border-left:
    1425. 

  1425.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1426. 

  1426.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1427. 

  1427. 						<p class="MsoNormal">
    1428. 

  1428. 						<span style="font-size:8.5pt;
    1429. 

  1429.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">10<o:p></o:p></span></p>
    1430. 

  1430. 						</td>
    1431. 

  1431. 					</tr>
    1432. 

  1432. 					<tr style="mso-yfti-irow:11">
    1433. 

  1433. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1434. 

  1434.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1435. 

  1435. 						<p class="MsoNormal">
    1436. 

  1436. 						<span style="font-size:8.5pt;
    1437. 

  1437.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1438. 

  1438. 						PhoneticW<o:p></o:p></span></p>
    1439. 

  1439. 						</td>
    1440. 

  1440. 						<td style="width:74.05pt;border-top:none;border-left:
    1441. 

  1441.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1442. 

  1442.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1443. 

  1443. 						<p class="MsoNormal">
    1444. 

  1444. 						<span style="font-size:8.5pt;
    1445. 

  1445.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">11<o:p></o:p></span></p>
    1446. 

  1446. 						</td>
    1447. 

  1447. 					</tr>
    1448. 

  1448. 					<tr style="mso-yfti-irow:12">
    1449. 

  1449. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1450. 

  1450.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1451. 

  1451. 						<p class="MsoNormal">
    1452. 

  1452. 						<span style="font-size:8.5pt;
    1453. 

  1453.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1454. 

  1454. 						PhoneticL<o:p></o:p></span></p>
    1455. 

  1455. 						</td>
    1456. 

  1456. 						<td style="width:74.05pt;border-top:none;border-left:
    1457. 

  1457.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1458. 

  1458.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1459. 

  1459. 						<p class="MsoNormal">
    1460. 

  1460. 						<span style="font-size:8.5pt;
    1461. 

  1461.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">12<o:p></o:p></span></p>
    1462. 

  1462. 						</td>
    1463. 

  1463. 					</tr>
    1464. 

  1464. 					<tr style="mso-yfti-irow:13;mso-yfti-lastrow:yes">
    1465. 

  1465. 						<td style="width:74.0pt;border:solid windowtext 1.0pt;
    1466. 

  1466.     border-top:none;padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1467. 

  1467. 						<p class="MsoNormal">
    1468. 

  1468. 						<span style="font-size:8.5pt;
    1469. 

  1469.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">
    1470. 

  1470. 						PhoneticDth<o:p></o:p></span></p>
    1471. 

  1471. 						</td>
    1472. 

  1472. 						<td style="width:74.05pt;border-top:none;border-left:
    1473. 

  1473.     none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
    1474. 

  1474.     padding:0in 5.4pt 0in 5.4pt" valign="top" width="99">
    1475. 

  1475. 						<p class="MsoNormal">
    1476. 

  1476. 						<span style="font-size:8.5pt;
    1477. 

  1477.     font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black">13<o:p></o:p></span></p>
    1478. 

  1478. 						</td>
    1479. 

  1479. 					</tr>
    1480. 

  1480. 				</table>
    1481. 

  1481. 				</td>
    1482. 

  1482. 			</tr>
    1483. 

  1483. 		</table>
    1484. 

  1484. 		<p class="MsoNormal">
    1485. 

  1485. 		<span style="font-size:8.5pt;
    1486. 

  1486. font-family:&quot;Verdana&quot;,&quot;sans-serif&quot;;color:black"><o:p>&nbsp;</o:p></span></p>
    1487. 

  1487. 		<p class="MsoNormal">
    1488. 

  1488. 		These enumerations correspond to values used by the Maya and Max Avatar 
    1489. 

  1489. 		animation rigs, so this file could be potentially be generated 
    1490. 

  1490. 		automatically using a script or plugin.&nbsp; The file can be manually 
    1491. 

  1491. 		created as well.<o:p></o:p></p>
    1492. 

  1492. 		<p class="MsoNormal">
    1493. 

  1493. 		<o:p>
    1494. 

  1494. 		&nbsp;</o:p></p>
    1495. 

  1495. 		<p class="MsoNormal">
    1496. 

  1496. 		The facial expression file has the following format:<o:p></o:p></p>
    1497. 

  1497. 		<p class="MsoNormal">
    1498. 

  1498. 		TimeInMilliseconds,LeftEye,LeftEyebrow,Mouth,RightEye,RightEyebrow<o:p></o:p></p>
    1499. 

  1499. 		<p class="MsoNormal">
    1500. 

  1500. 		<o:p>
    1501. 

  1501. 		&nbsp;</o:p></p>
    1502. 

  1502. 		<p class="MsoNormal">
    1503. 

  1503. 		This file is associated with the CustomAvatarAnimationData in the XNA 
    1504. 

  1504. 		Content Pipeline.&nbsp; Ensure that the CustomAvatarAnimationProcessor 
    1505. 

  1505. 		is being used as the Content Processor for the animation.&nbsp; The 
    1506. 

  1506. 		facial expression file can then be specified in the properties rollout 
    1507. 

  1507. 		for the Content Processor.<o:p></o:p></p>
    1508. 

  1508.   </div>
    1509. 

  1509.   <a name="ID4EVH"></a><h1 class="heading">Extending the Sample</h1><div id="ID4EVH" class="hxnx1">
    1510. 

  1510.     
    1511. 

  1511.     <p>The <code>CustomAvatarAnimationPlayer</code> class only supports playback of a single animation. One way to extend the sample would be to add support for multiple animations and blending between them. You could also add support for playback of multiple animations for different parts of the avatar. This would allow for playback of the walk animation at the same time the upper body of the avatar plays another animation, such as clapping.</p>
    1512. 

  1512.   </div>
    1513. 

  1513. </div><div class="footer" id="footer"><p>© 2010 Microsoft Corporation. All rights reserved.<br>Send feedback to 
    1514. 

  1514. 		<a href="mailto:[email protected]?subject=Documentation Feedback: Custom Avatar Animation Sample">
    1515. 

  1515. 		[email protected]</a>.</p></div></div></body></html>
    1516.