多媒體應(yīng)用系統(tǒng)技術(shù)第10章.ppt

多媒體應(yīng)用系統(tǒng)技術(shù),計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院,第十章：多媒體應(yīng)用開(kāi)發(fā),多媒體開(kāi)發(fā)工具,1,Director在多媒體開(kāi)發(fā)中的應(yīng)用,2,10.1 多媒體開(kāi)發(fā)工具,多媒體開(kāi)發(fā)工具 作用 集成多媒體元素；加入交互特性；完成多媒體應(yīng)用系統(tǒng)發(fā)布 開(kāi)發(fā)工具,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,Director(導(dǎo)演) 簡(jiǎn)介 1989年，macromedia公司開(kāi)發(fā)的多媒體制作平臺(tái)軟件 功能 （1）可以集成各種多媒體元素 （2）可以使用xtras插件來(lái)增強(qiáng)其制作能力 （3）可以使用腳本語(yǔ)言Lingo或JavaScript來(lái)實(shí)現(xiàn)交互 （4）可以跨平臺(tái)發(fā)布多媒體產(chǎn)品,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,Director(導(dǎo)演) 工作界面：菜單、工具欄、工具箱、舞臺(tái)、演員表、 屬性檢查器、劇本、庫(kù)面板,【窗口】菜單打開(kāi)或關(guān)閉相應(yīng)面板 【窗口】/【面板設(shè)置】/【default】，可恢復(fù)到默認(rèn)面板狀態(tài),10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,主要術(shù)語(yǔ) 影片（movie):director工程文件 演員（member)：組成電影的元素（各種多媒體元素） 舞臺(tái)（stage) :演員表演的場(chǎng)所 演員表（cast):管理和存放演員。演員表中的演員一般都有相應(yīng)的編輯器來(lái)編輯，雙擊打開(kāi)對(duì)應(yīng)的編輯器。Cast有兩種瀏覽效果，列表方式和縮略圖方式。 角色/精靈（sprite)：將cast中的演員拖入到舞臺(tái)或劇本中，該演員就被稱為精靈。修改一個(gè)精靈的某些屬性不會(huì)影響其它精靈和該演員，但修改該演員就一定會(huì)導(dǎo)致由它產(chǎn)生的精靈的改變（類(lèi)似于flash中的元件和實(shí)例的關(guān)系）,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,主要術(shù)語(yǔ) 劇本（score ):用來(lái)控制演員的出場(chǎng)時(shí)間和順序，并告訴他們?cè)撟鍪裁?。劇本由縱軸和橫軸組成，縱軸部分叫通道 （類(lèi)似于圖層），橫軸部分是幀。Director可以提供了150 個(gè)演員通道和7個(gè)特效通道。 演員通道：可以根據(jù)出場(chǎng)順序依次安排演員，演員的通道數(shù) 越小，表示演員在舞臺(tái)上越靠后，也就是說(shuō)，通道數(shù)越高，演員就在舞臺(tái)前面，不會(huì)被通道低的演員遮擋 特效通道：包括標(biāo)記通道（marker)、速率通道(Tempo channel)、調(diào)色板通道(Palette channel)、過(guò)渡通道(Transition channel)、兩個(gè)聲音通道和腳本通道。 操作：在每種特殊通道的幀上雙擊，可以打開(kāi)通道屬性面板,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,主要術(shù)語(yǔ) （1）標(biāo)記通道：定義特殊幀，使用Lingo語(yǔ)言可以在這些特殊幀之間切換。 （2）速率通道。設(shè)置：播放的速率（幀每秒）、在該幀停留時(shí)間、等待用戶鼠標(biāo)或鍵盤(pán)響應(yīng)、等待標(biāo)記點(diǎn) 例如：導(dǎo)入一個(gè)flash動(dòng)畫(huà)、一個(gè)聲音文件。打開(kāi)速率通道的屬性面板，分別設(shè)置速率、在時(shí)間軸的不同幀上設(shè)置不同等待時(shí)間、鼠標(biāo)相應(yīng)等，觀察動(dòng)畫(huà)效果變化,注意：設(shè)定播放速率后，在該幀以后沒(méi)有設(shè)播放速率的幀都將以當(dāng)前設(shè)定的速率播放,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,主要術(shù)語(yǔ) （3）調(diào)色板通道：可以選擇非系統(tǒng)調(diào)色板或自定義調(diào)色板。在導(dǎo)入位圖時(shí)，如果位圖調(diào)色板與當(dāng)前調(diào)色板不匹配，系統(tǒng)將自動(dòng)導(dǎo)入該調(diào)色板 （4）過(guò)渡通道：設(shè)置兩幀間的過(guò)渡效果。 （5）聲音通道：可以直接將演員表中的聲音成員拖到聲音通道中，哪些幀需要這些聲音就把聲音拖到那些幀上；也可以雙擊聲音通道從列表中選取，然后在聲音通道中拖動(dòng)或延長(zhǎng)。 例如：聲音拖入聲音通道并在速率通道中設(shè)置等待標(biāo)記點(diǎn)。 （6）腳本通道：雙擊通道中的某一幀，打開(kāi)腳本窗口，設(shè)置當(dāng)前幀需要執(zhí)行的腳本,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,主要術(shù)語(yǔ) 腳本（script ):Director中的代碼被稱之為腳本。分為三種： （1）電影腳本：起全局控制的作用，許多初始化動(dòng)作和結(jié)束動(dòng)作都在電影腳本中完成；行為腳本以及父腳本。 （2）行為腳本：只在某一特殊階段或事件發(fā)生時(shí)起作用。 （3）父腳本：本身不產(chǎn)生任何結(jié)果，只是用來(lái)產(chǎn)生多個(gè)子對(duì)象，并設(shè)置各種參數(shù)以便形成各不相同的實(shí)例。 操作：在屬性檢查器中可以更改腳本類(lèi)型 在腳本窗口中用Lingo或JavaScript語(yǔ)言編寫(xiě)腳本,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,主要術(shù)語(yǔ) 檢查器（inspector ):來(lái)設(shè)置電影的細(xì)節(jié) 。分為五種： （1）屬性檢查器（Property Inspector）:它用于顯示選中對(duì)象的大小、顏色、位置等等屬性。 （2）行為檢查器（Behavior Inspector）：快速的為舞臺(tái)中的對(duì)象添加腳本，實(shí)現(xiàn)互動(dòng)功能 （3）對(duì)象檢查器（Object Inspector）：對(duì)象檢視器處理的是變量、數(shù)組等出現(xiàn)在 Lingo 中的編程對(duì)象。 （4）文本檢查器（ Text Inspector ）：允許查看、調(diào)整文本的字體、大小、風(fēng)格等屬性，創(chuàng)建超文本鏈接。 （5）內(nèi)存檢視器（ Memory Inspector ）：顯示演員與劇本所占用的內(nèi)存、保留給舞臺(tái)使用的 Screen Buffer 、編輯中的電影可使用的內(nèi)存大小以及目前使用的內(nèi)存。,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,Director電影的創(chuàng)建步驟 組織多媒體元素（可導(dǎo)入或利用內(nèi)置工具直接繪制） 編排多媒體元素 利用舞臺(tái)在空間上編排演員的位置等 利用劇本在時(shí)間上安排演員出場(chǎng)時(shí)間等 添加交互 加入腳本和行為 保存和發(fā)布電影,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,基本操作 新建影片 保存影片 【文件】/【保存】:保存為工程文件.dir 【文件】/【發(fā)布設(shè)置】/【發(fā)布】：可選擇Exe, osx,dcr,htm等格式保存 【文件】/【導(dǎo)出】：保存為avi視頻或者bmp位圖系列 影片的發(fā)布格式見(jiàn)教材P216，發(fā)布設(shè)置見(jiàn)教材P224,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,基本操作 舞臺(tái)設(shè)置：設(shè)置影片屬性 操作：影片空白處點(diǎn)擊，打開(kāi)“屬性檢查器”的”影片”標(biāo)簽，設(shè)置舞臺(tái)大小、顏色，通道數(shù)目等。在“顯示模板”（display template)標(biāo)簽下設(shè)置影片播放時(shí)在計(jì)算機(jī)屏幕上的位置 也可以使用菜單【修改】|【影片】 |【屬性】打開(kāi)相應(yīng)面板,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,基本操作 演員的創(chuàng)建和導(dǎo)入 (1)Cast的使用 內(nèi)部演員表(internal) ：保存在電影文件內(nèi)，不能被共享 外部演員表：以獨(dú)立文件（.cst)形式存在,保存在電影外，必須被鏈接到電影文件中，才能使用 操作： 【修改】|【影片】|【演員表】 (2)演員的導(dǎo)入、創(chuàng)建和修改 操作1：從cast中導(dǎo)入外部素材（有四種導(dǎo)入方式可以選擇） 操作2：【插入】|【media Element】 操作3：用Director自帶的工具繪制位圖、矢量圖或編輯文字，也 可以使用菜單【窗口】，打開(kāi)相應(yīng)編輯工具 操作4:使用工具箱中的工具直接在舞臺(tái)上繪制。 操作5：對(duì)已存在cast表中的演員，雙擊來(lái)打開(kāi)編輯工具,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,基本操作 (3)演員的屬性設(shè)置 操作：選中cast中的演員，在屬性檢查器中設(shè)置 劇本和精靈的設(shè)置 (1)劇本的設(shè)置（見(jiàn)本講義的7-9頁(yè)） (2)精靈的公共屬性設(shè)置 操作：【編輯】|【屬性】|【精靈】，可設(shè)置精靈長(zhǎng)度（span duration),即精靈在劇本中默認(rèn)占據(jù)的幀數(shù) (3)精靈的詳細(xì)屬性設(shè)置 操作：選中舞臺(tái)中的精靈，在屬性檢查器中設(shè)置（具體見(jiàn)：教材P223),10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,基本操作 (4)設(shè)置精靈運(yùn)動(dòng)的關(guān)鍵幀 (5)改變精靈在舞臺(tái)上的顯示層次 操作：將精靈從一個(gè)通道拖入另一個(gè)通道 (6)改變精靈的出場(chǎng)時(shí)刻操作：直接拖動(dòng)通道中精靈的幀序列或第一幀 (7)改變精靈占據(jù)的幀數(shù) 操作：拖動(dòng)起始幀和結(jié)束幀 (8)精靈的剪切、復(fù)制、粘貼,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,創(chuàng)建第一部director電影 教材P228,世博文字動(dòng)畫(huà)。按參考步驟完成電影制作，熟悉director工作界面 簡(jiǎn)單動(dòng)畫(huà)制作 幀并幀動(dòng)畫(huà) 例：小鳥(niǎo)飛（具體制作可參見(jiàn)教材p231圣誕老人動(dòng)畫(huà)） 制作兩種效果：原地飛，從舞臺(tái)一側(cè)飛到另一側(cè)。 在制作本例時(shí)，打開(kāi)【窗口】|【控制面板】，預(yù)覽動(dòng)畫(huà)的同時(shí)，調(diào)整幀速率，觀察小鳥(niǎo)飛的效果,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,關(guān)鍵幀動(dòng)畫(huà) 例：小球運(yùn)動(dòng)（了解關(guān)鍵幀的制作，連接精靈、分離、反轉(zhuǎn)順序等操作） 實(shí)時(shí)錄制動(dòng)畫(huà) 原理：鼠標(biāo)在舞臺(tái)上移動(dòng)時(shí)，director制作記錄下鼠標(biāo)移動(dòng)的軌跡，并根據(jù)需要生成動(dòng)畫(huà)效果 關(guān)鍵操作：菜單【控制】|【實(shí)時(shí)錄制】 膠片環(huán)動(dòng)畫(huà) 用來(lái)制作動(dòng)畫(huà)片段，減少對(duì)周期性動(dòng)作的重復(fù)制作 關(guān)鍵操作：【插入】|【膠片環(huán)】 例：在上例實(shí)時(shí)錄制動(dòng)畫(huà)的基礎(chǔ)上，利用膠片環(huán)技術(shù)，制作群鳥(niǎo)齊飛的效果。適當(dāng)調(diào)整精靈通道中膠片環(huán)精靈的幀序列的位置，和舞臺(tái)上精靈的位置，觀察效果,10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,練習(xí)1 綜合教材p228世博文字動(dòng)畫(huà)和p231圣誕老人制作動(dòng)畫(huà) 練習(xí)2 教材實(shí)例“狼來(lái)了” 練習(xí)3:PS+director 提示：在ps中多次利用濾鏡中的扭曲對(duì)圖形產(chǎn)生變形的效果，并將每次變形后的圖片保存。 方法1：利用幀并幀動(dòng)畫(huà)的制作方法，加上連接精靈、反轉(zhuǎn)順序等操作 方法2：選中cast中的所有圖片演員，菜單【修改】|【演員序列轉(zhuǎn)換到時(shí)間軸】（cast to time),10.2 Director在多媒體開(kāi)發(fā)中的應(yīng)用,練習(xí)4 招手 操作：（1）打開(kāi)給定的源文件，cast中已經(jīng)有了兩個(gè)演員 （2）選中舞臺(tái)上的手，雙擊，進(jìn)入編輯環(huán)境 （3）使用選取工具（收縮），旋轉(zhuǎn)工具對(duì)手旋轉(zhuǎn) （4）執(zhí)行菜單操作【xtras插件】|【自動(dòng)扭曲】，設(shè)置生成新演員的個(gè)數(shù) （5）選中cast中的手演員，菜單【修改】|【演員序列轉(zhuǎn)換到時(shí)間軸】（cast to time) （6）調(diào)整手在舞臺(tái)上的位置，以及手的中心點(diǎn) （7)利用復(fù)制精靈，反轉(zhuǎn)順序等操作實(shí)現(xiàn)手來(lái)回?cái)[動(dòng)的效果,10.2.4 行為及其附著,行為 行為就是預(yù)先編制好的可重復(fù)使用的Lingo腳本或Javascript腳本 操作： （1）使用行為庫(kù)（打開(kāi)庫(kù)面板） （2）將行為附著在精靈或者腳本通道的幀上。行為附著的同時(shí)會(huì)自動(dòng)加入到演員表中 注意： 可以為多個(gè)精靈或幀設(shè)置同樣的行為 可以為一個(gè)精靈設(shè)置多個(gè)行為，行為按順序執(zhí)行 只能為一個(gè)幀設(shè)置一個(gè)行為 （3）修改行為：參數(shù)修改，調(diào)整行為的執(zhí)行順序,10.2.4 行為及其附著,練習(xí)1 貓和老鼠 打開(kāi)庫(kù)面板，熟悉【動(dòng)畫(huà)】類(lèi)的庫(kù)行為。選擇適當(dāng)?shù)膸?kù)行為，實(shí)現(xiàn)老鼠跟著鼠標(biāo)走，貓追著老鼠走的效果。當(dāng)鼠標(biāo)放在老鼠上時(shí)，鼠標(biāo)的形狀變成手 練習(xí)2 電子雜志 在每一張圖片上加上“previous”或“next”按鈕，在按鈕上添加【導(dǎo)航】類(lèi)行為，使其能跳轉(zhuǎn)到上/下一張圖片，并且鼠標(biāo)放在按鈕上，按鈕能發(fā)生變化 練習(xí)3 教材實(shí)例p238 “世博會(huì)徽動(dòng)畫(huà)” 練習(xí)4 電子相冊(cè) 完成教材實(shí)例p260 “電子相冊(cè)“ 的效果。并在此基礎(chǔ)上加一個(gè)返回到上一張圖片的按鈕，和一個(gè)背景音樂(lè)控制按鈕。聲音控制腳本可參考p250”吉祥物的創(chuàng)意理念“或者p314頁(yè)的腳本,10.2.5 Director:腳本與交互,腳本 類(lèi)型：演員腳本、幀腳本、精靈腳本，電影腳本、父腳本 腳本預(yù)置框架結(jié)構(gòu),說(shuō)明：當(dāng)某事件(Event)發(fā)生時(shí)，會(huì)產(chǎn)生一個(gè)描述此事件的訊息(Message)傳遞出去，例如：按下鍵盤(pán)、按下鼠標(biāo)鍵、播放頭進(jìn)入下一個(gè)畫(huà)面、或電影停止等都算是一個(gè)事件發(fā)生了，而且事件發(fā)生時(shí)都會(huì)產(chǎn)生相對(duì)應(yīng)的訊息，完成想要執(zhí)行的動(dòng)作 。觸發(fā)事件見(jiàn)P242表10-1,10.2.5 Director:腳本與交互,腳本的創(chuàng)建 演員腳本：可以對(duì)由該演員產(chǎn)生的精靈發(fā)生作用。一個(gè)演員只能帶有一個(gè)演員腳本 精靈腳本：作用于舞臺(tái)或者劇本中的精靈。如果需要在一段時(shí)間內(nèi)或者在劇本的某些幀范圍內(nèi)控制演員的行為，可以使用精靈腳本。一個(gè)精靈可以有多個(gè)精靈腳本 幀腳本：作用于劇本中特定的幀，一個(gè)幀只能有一個(gè)幀腳本,10.2.5 Director:腳本與交互,腳本中的控制語(yǔ)句if,case,repeat If case,10.2.5 Director:腳本與交互,練習(xí)1：教材實(shí)例10-7，