用Character Builder創(chuàng)建交互反饋人物動畫

☆ 李志丹

（南通市電化教育館，江蘇南通 226001）

在為中小學(xué)生設(shè)計(jì)課件的時(shí)候，為了讓課件更加活潑更有吸引力，我們往往會借助一些卡通形象。不過，要讓這些卡通形象動起來，并且能夠針對用戶的交互做出一些動作反饋，那是一項(xiàng)相當(dāng)有難度的工程。使用Character Builder，可以很好地解決這個問題。

Character Builder是世界領(lǐng)先的動畫人物創(chuàng)建工具。它包含了大量卡通和真人動畫模板,每個角色內(nèi)置很多豐富的動作和表情（如圖1）。只需要通過點(diǎn)擊和簡單設(shè)置你就可以創(chuàng)建出各種生動的Flash動畫人物和場景。Character Builder還能夠利用微軟的TTS引擎，實(shí)時(shí)將文本朗讀出來，實(shí)現(xiàn)完美的中英文發(fā)音，同時(shí)，可控制人物眼神、口形、肢體動作和聲音的同步，使課件更加生動。Character Builder制作的動畫可以和Articulate, OutStart Trainer,Composica等e－learning課件制作工具集成，也可以以html、flash、 視頻等格式發(fā)布， 然后集成到Authorware、Powerpoint、Captivate、網(wǎng)頁等課件制作平臺。

圖1 卡通人物表情動作

運(yùn)行Character Builder后，選擇File菜單下的New Project命令，將彈出如圖2所示的界面。Character Builder提供了多種不同的項(xiàng)目類型：Empty Project空白項(xiàng)目，Message消息，Slideshow幻燈片，Interaction交互，Dialog對話，Narration陳述，Web Applet網(wǎng)絡(luò)小程序。Message類型可以讓人物說出一小段提示信息；SlideShow類型的項(xiàng)目，可以根據(jù)已有的ppt文件，加入人物的動畫。Dialog則是在畫面上加入了兩個人物，通過兩個人物對話的形式完成課件；Narration是在已有的.swf文件基礎(chǔ)上添加任務(wù)動畫；Web Applet可以將人物加在網(wǎng)頁當(dāng)中。

圖2

下面，筆者分別以Message和Interaction兩種模式介紹Character Builder的使用。

一、演講動畫

Message是課件制作中使用較多的一種類型，主要實(shí)現(xiàn)文本內(nèi)容的介紹，可以用在知識點(diǎn)的講解或者總結(jié)上。在圖2的窗口中，選擇 Message類型，點(diǎn)擊“下一步”按鈕，在彈出的對話框中選擇呈現(xiàn)的方式。這幾種顯示方式都給出了相對應(yīng)的縮略圖，大家可以根據(jù)縮略圖所呈現(xiàn)的效果選擇合適的類型。這里我們選擇“Simple Message”類型，繼續(xù)點(diǎn)擊“下一步”按鈕，現(xiàn)在出現(xiàn)了角色選擇對話框，其中，標(biāo)星號的表示需要下載，選擇合適的動畫角色后，按“下一步”按鈕。接著彈出的對話框主要用于添加兩種類型的顯示元件：氣泡和靜音按鈕，選擇你需要的元件，按“下一步”按鈕，單擊“ 完成”按鈕，此時(shí)人物就出現(xiàn)在舞臺中央了（如圖3）。

圖3

接著將自動彈出“Add Script”添加腳本窗口，這個窗口用于設(shè)置卡通形象需要朗讀的文本，朗讀的文本來源主要有兩種：Message from text（直接給出需要朗讀的文字） 和Message from audio file（根據(jù)已有的聲音文件），這里我們選擇 Message from text，按“下一步”按鈕，輸入需要卡通形象朗讀的文本?？梢暂斎胗⒄Z內(nèi)容，也可以輸入中文等其它語言，前提條件是要安裝相應(yīng)的語音庫。中文的語音庫可以到 www.cppblog.com／fly931／articles／Download.html下載。 英文語音庫可到 www.aieln.com／thread－2622－1－1.html下載。 輸入文本以后，按“ 下一步”和“完成”按鈕，完成朗讀文本的設(shè)置。

目前，英文的tts技術(shù)發(fā)展較為成熟，如果你需要朗讀的是英文，基本能夠?qū)崿F(xiàn)流暢朗讀，中文tts技術(shù)發(fā)展稍微緩慢一些，不是每個人都能夠接受中文語音庫的朗讀效果。對于中文，建議大家選擇“Message from audio file”，根據(jù)已有的錄音文件實(shí)現(xiàn)人物動畫。

Character Builder中主界面提供了四種視圖模式：Outline，Design，Script，Preview， 點(diǎn)擊 Preview 就可以預(yù)覽效果了。下面我們需要給卡通人物添加一些動作，讓人物更加活潑些。點(diǎn)擊Script視圖，出現(xiàn)如圖4所示的畫面，這里可以對朗讀的文本進(jìn)行修改，還可以添加相應(yīng)的動作。比如：我們讓角色在說hello的時(shí)候會動手臂，在說our的時(shí)候做出一個雙手往內(nèi)的動作?？梢韵葘⒐鈽?biāo)放在Hello的前面，然后選擇工具欄上的相應(yīng)動作，再次點(diǎn)擊Preview按鈕預(yù)覽效果。

圖4

如果人物的聲音和形象不一致，比如明明是一個女性角色，但是說出的是男性的聲音?？梢栽贠utline模式中修改，單擊Outline進(jìn)入設(shè)置窗口，接著選擇列表中的卡通形象，本例中是“Dianne”（如圖5），再在下面的屬性面板中，將TTS Voice修改為男性的聲音就可以了。

圖5

二、互動反饋動畫

我們來制作一個具備交互判斷功能的人物動畫。新建一個Interaction類型的項(xiàng)目文件，按“下一步”按鈕，選擇交互的類型為“Basic Quiz基礎(chǔ)測試”，按“下一步”按鈕選擇人物形象，點(diǎn)擊“完成”按鈕。

在彈出的“添加幻燈片”窗口中（ 如圖6），選擇幻燈片的類型為 “Multiple choice slide” 多項(xiàng)選擇題，按“下一步”按鈕，設(shè)置題目和答案，并設(shè)置正確的答案。按“下一步” 按鈕，設(shè)置回答正確和回答錯誤的反饋，按“下一步”按鈕，點(diǎn)擊“完成”。

圖6

測試一下動畫效果吧，如果需要制作多個選擇題，可以回到 Outline視圖，右擊列表中的“Slideshow 1”，在快捷菜單中選擇“Add slide”命令，添加一張新的幻燈片。既然是測試，我們還需要統(tǒng)計(jì)孩子的得分情況。在“Outline”視圖或者“Design”視圖中，點(diǎn)擊工具欄上的“Add”按鈕，增加一張“Quiz score slide”得分幻燈片，這張幻燈片中包含了“答對數(shù)”、“完成數(shù)”和“總數(shù)”三個文本標(biāo)簽，每個標(biāo)簽的后面跟了一個空白的文本域，當(dāng)你選中每個空白文本域時(shí)，在下面的屬性面板中可以看到對應(yīng)的變量。本例中，我們使用的是內(nèi)置的Total Score，Total Completed，和Total Questions三個變量。這三個變量將會在學(xué)生操作的時(shí)候自動更新。用戶不需要做任何編程處理。

如果你點(diǎn)擊“Script”按鈕，可以看到這張幻燈片中自動加入了四行腳本，這四行腳本將根據(jù)學(xué)生的得分自動呈現(xiàn)，比如：當(dāng)滿足條件“Total Score＝＝ Total Questions”也就是全對的時(shí)候，說“祝賀你，很完美?！碑?dāng)滿足條件“Total Score＜Total Questions／2”也就是答對小于一半時(shí)，說“不大好”，所有的這些工作，都由系統(tǒng)自動完成。

三、輸出與整合

Character Builder制作的動畫可以發(fā)布為html5、Flash、視頻等格式，然后集成到Author ware、Power Point、Captivate、網(wǎng)頁等課件制作平臺。

選擇工具欄上的Render按鈕，將生成Flash動畫，按Run按鈕可以觀看效果，按Output按鈕打開生成文件所在的目錄。如果需要生成視頻文件，首先打開Outline視圖，然后選擇列表中的Project，在下面的屬性面板中設(shè)置Output Type類型為Video，設(shè)置Format為MP4或者mov等等。

Character Builder的功能還不止這些，在Character Server的配合下，我們還可以打造自動回答系統(tǒng)，利用人工智能技術(shù)，用戶可以和這些卡通人物聊天，類似于蘋果的siri?？梢灶A(yù)見，在將卡通形象引入到課件中以后，大大增強(qiáng)了課件的活潑性，必將得到學(xué)生們的喜愛。