多媒體應(yīng)用技術(shù)教程 課件 第6章-行為與交互技術(shù)

2第6行為與交互技術(shù)本章內(nèi)容6.1初識行為6.2行為庫6.3常見行為應(yīng)用6.4應(yīng)用實(shí)例6.5習(xí)題第6行為與交互技術(shù)在多媒體設(shè)計(jì)系統(tǒng)中，要實(shí)現(xiàn)交互功能，必定要編程。而在Director中可以不編程或只要進(jìn)行少量的參數(shù)設(shè)置，就能實(shí)現(xiàn)一些常用的交互功能可通過使用行為庫（Labrary）中的內(nèi)置腳本模塊和行為檢查器（BehaviorInspector）來自動生成動作腳本，通過鼠標(biāo)簡單地拖曳行為到精靈上或幀通道中釋放鼠標(biāo)，即完成交互設(shè)置當(dāng)然要達(dá)到復(fù)雜的交互目的，那還得掌握Director腳本知識以及腳本與行為技術(shù)進(jìn)行完美的結(jié)合本章介紹Director中的行為的概念、行為庫以及常用行為的應(yīng)用方法36.1初識行為第6行為與交互技術(shù)6.1初識行為6.1.1引例【例6.1】利用行為制作開門動畫新建512×288影片導(dǎo)入素材pic6_1.jpg圖片文件到演員表中繪制門演員打開繪圖窗口，繪制一個(gè)紅色矩形拖曳演員表中pic6_1演員到通道1、紅色矩形演員到通道2，精靈長度30幀添加開門行為打開庫，動畫→精靈過渡，拖曳“開門”行為到舞臺上的精靈Sprite2，釋放鼠標(biāo)，設(shè)置“精靈尾部”和時(shí)間20幀行為最后一幀輸入gotoframe1

46.1初識行為第6行為與交互技術(shù)6.1.2行為概念行為是一種可以重復(fù)使用、應(yīng)用于精靈或幀的Lingo語言腳本模塊，通過設(shè)置參數(shù)，實(shí)現(xiàn)不同的功能和效果Director中內(nèi)置了許多具有基本執(zhí)行功能的行為模塊，打開行為庫，可查看或使用行為庫中的行為，通過行為檢查器可創(chuàng)建或修改行為，也可通過編寫Lingo腳本創(chuàng)建自定義行為，將創(chuàng)建的行為添加到行為庫大多數(shù)行為都用來響應(yīng)某個(gè)簡單的事件，例如鼠標(biāo)在一個(gè)精靈上單擊，或者播放頭進(jìn)入某一幀。當(dāng)這個(gè)事件發(fā)生時(shí)，觸發(fā)行為執(zhí)行一個(gè)特定的動作，例如跳轉(zhuǎn)到不同的幀，或者播放一個(gè)聲音56.1初識行為第6行為與交互技術(shù)Director允許將同一個(gè)行為同時(shí)附加到幾個(gè)精靈或者幾個(gè)幀上，一個(gè)精靈可以添加多個(gè)不同行為，但在一個(gè)幀上只能添加一個(gè)行為。如果該幀已經(jīng)有一個(gè)行為，則新的行為將取代幀上原來的行為行為實(shí)例將行為庫中的某個(gè)行為設(shè)置參數(shù)后并附著到精靈或幀上，該對象稱作行為實(shí)例66.1初識行為第6行為與交互技術(shù)為精靈或幀創(chuàng)建行為實(shí)例的方法打開行為庫面板，選中某個(gè)行為項(xiàng)，拖曳到精靈或幀上釋放如行為包含參數(shù)，則會彈出一個(gè)行為參數(shù)對話框，在對話框中設(shè)置參數(shù)創(chuàng)建行為實(shí)例時(shí)，所設(shè)參數(shù)只對該精靈或幀起作用，它不改變行為庫中原始腳本模塊同一行為可以為不同的精靈或幀設(shè)置不同的參數(shù)使用行為檢查器修改行為實(shí)例參數(shù)的方法選中要更改參數(shù)的精靈或幀實(shí)例，打開行為庫，選擇“行為檢查器”選項(xiàng)卡，雙擊行為檢查器中要更改參數(shù)的行為，重設(shè)新的參數(shù)76.1初識行為第6行為與交互技術(shù)6.2行為庫6.2.1行為分類行為庫內(nèi)置了3D（三維）、Navigation（導(dǎo)航）、Animation（動畫）、Media（媒體）、Text（文本）等共九類行為，有些行為類還包含子類行為的查看方式將鼠標(biāo)停留在行為圖標(biāo)上，就會顯示該行為的功能描述86.2行為第6行為與交互技術(shù)6.2.2創(chuàng)建行為實(shí)例【例6.2】使用內(nèi)置行為制作秒表動畫新建300×300影片導(dǎo)入秒表盤flash6_2.swf動畫和中心點(diǎn)圖片pic6_2.psd文件繪制指針演員使用鋼筆工具繪制拖曳演員表中flash6_2到通道1、指針到通道2，拖曳pic6_2到通道3添加秒針行為打開庫，動畫→自動化，拖曳“連續(xù)旋轉(zhuǎn)基于時(shí)間”行為到舞臺中指針上釋放鼠標(biāo)，設(shè)置行為參數(shù)為秒和每60秒鐘旋轉(zhuǎn)1周

第1幀輸入gototheframe為模擬真實(shí)秒鐘，設(shè)置幀速1fps96.2行為第6行為與交互技術(shù)6.2.3修改行為實(shí)例【例6.3】修改例6.2“秒表”動畫為“分鐘”動畫，即將每60秒鐘旋轉(zhuǎn)一周修改為每60分鐘旋轉(zhuǎn)一周打開“例6.2.dir”電影文件，另存電影文件為“例6.3.dir選中舞臺窗口要更改參數(shù)的指針演員選中“行為檢查器”選項(xiàng)卡，雙擊行為檢查器中的“連續(xù)旋轉(zhuǎn)基于時(shí)間”行為，設(shè)置行為參數(shù)為分和每60分鐘旋轉(zhuǎn)1周106.2行為第6行為與交互技術(shù)6.2.4創(chuàng)建用戶行為行為使用很方便，但并不能滿足多媒體作品開發(fā)的需求，可使用行為檢查器來創(chuàng)建用戶行為。該行為將以演員方式存在于演員表中，可重復(fù)使用通過行為檢查器來創(chuàng)建新行為，不需要有任何的腳本創(chuàng)作或者設(shè)計(jì)經(jīng)驗(yàn)。但需要知道所創(chuàng)建的用戶行為，需要有一個(gè)事件來觸發(fā)，和響應(yīng)該事件一個(gè)或者多個(gè)動作，即用戶行為要包含一個(gè)事件和若干動作116.2行為事件動作第6行為與交互技術(shù)【例6.4】設(shè)計(jì)和制作鼠標(biāo)的光標(biāo)變化行為要求：鼠標(biāo)進(jìn)入精靈時(shí)，光標(biāo)變?yōu)槭中?；鼠?biāo)離開精靈后，光標(biāo)恢復(fù)原形設(shè)計(jì)分析：需要兩個(gè)事件實(shí)現(xiàn)光標(biāo)變化，其一鼠標(biāo)經(jīng)過精靈觸發(fā)第1個(gè)事件使光標(biāo)變?yōu)槭中?；其二鼠?biāo)離開精靈又觸發(fā)第2個(gè)事件使光標(biāo)恢復(fù)原形新建300×150影片，創(chuàng)建一個(gè)“鼠標(biāo)改變演示”按鈕，第1幀輸入gototheframe創(chuàng)建Mouse_Cursor行為選擇“行為檢查器”，添加命名為“Mouse_Cursor”的新行為為行為添加事件和動作添加“鼠標(biāo)在…內(nèi)”事件，添加“鼠標(biāo)指針→改變鼠標(biāo)指針”動作，參數(shù)“Finger手指”添加“鼠標(biāo)離開時(shí)…”事件，添加“鼠標(biāo)指針→還原鼠標(biāo)指針”動作126.2行為第6行為與交互技術(shù)6.3常見行為應(yīng)用6.3.1導(dǎo)航提供了11種導(dǎo)航行為，通過按鈕或其他事件控制電影片段的播放、跳躍或選擇，而不是從頭到尾連續(xù)播放電影136.3常見行為應(yīng)用第6行為與交互技術(shù)導(dǎo)航類常用行為功能描述如表所示146.3常見行為應(yīng)用行為名功能描述GoLoop循環(huán)回放到前一個(gè)標(biāo)記，如無標(biāo)記返到第一幀GoNextButton建立一個(gè)跳轉(zhuǎn)到下一個(gè)標(biāo)記的按鈕GoPreviousButton建立一個(gè)跳轉(zhuǎn)到前一個(gè)標(biāo)記的按鈕GotoFrameXButton建立一個(gè)跳轉(zhuǎn)到指定幀的按鈕參數(shù)：GotowhichframeonmouseUp，指定的目標(biāo)幀GotoURL打開默認(rèn)的瀏覽器，瀏覽指定網(wǎng)頁參數(shù)：DestinationURL，目標(biāo)網(wǎng)址PlayDone播放到此返回，配合PlayFrame和PlayMovie使用PlayFrameX從指定幀開始播放，遇到PlayDone返回參數(shù)：指定開始播放幀PlayMovieX播放指定的電影，遇到PlayDone返回參數(shù)：指定目標(biāo)電影WaitforMouseClickorKeypress等待鼠標(biāo)單擊或按鍵繼續(xù)【例6.5】利用導(dǎo)航行為設(shè)計(jì)和制作“無形導(dǎo)航按鈕電子相冊”要求：使用鼠標(biāo)單擊左側(cè)和右側(cè)黑色矩形區(qū)域時(shí)，實(shí)現(xiàn)前1張和后1張圖片翻頁功能新建520×300影片，默認(rèn)精靈長度為3幀導(dǎo)入pic6_5.gif和pic6_5_1.jpg~pic6_5_6.jpg等7張圖片，拖曳pic6_5到通道2、其余通道1，第1幀輸入gototheframe繪制按鈕演員使用矩形工具，在通道3和通道4繪制分別兩個(gè)矩形，命名為Q和X添加標(biāo)簽分別在第1、4、7、10、13、16幀添加標(biāo)簽，并復(fù)制第1幀行為腳本到上述幀行為通道添加行為選擇導(dǎo)航行為，拖曳“到下一個(gè)按鈕”行為到X，拖曳“到前一個(gè)按鈕”行為到Q156.3常見行為應(yīng)用第6行為與交互技術(shù)第6行為與交互技術(shù)6.3.2動畫Animation動畫類行為包含了Interactive（交互）、SpriteTransition（精靈過度）和Automatic（自動化）等三個(gè)子類交互行為子類166.3常見行為應(yīng)用第6行為與交互技術(shù)交互子類中常用行為功能描述176.3常見行為應(yīng)用行為名功能描述AvoidMouse(避開鼠標(biāo))精靈移動，避開鼠標(biāo)參數(shù)：Distance，避開距離、speed，避開速度DragtoRotate(拖動旋轉(zhuǎn))拖動鼠標(biāo)使精靈旋轉(zhuǎn)DragtoScale（拖動縮放）拖動鼠標(biāo)使精靈縮放Draggable(可拖動)拖動鼠標(biāo)使精靈移動Move,RotateandScale（移動、旋轉(zhuǎn)和縮放）拖動鼠標(biāo)使精靈移動，如同時(shí)按住Shift鍵，可旋轉(zhuǎn)縮放精靈；如同時(shí)按住空格鍵，可縮放精靈RolloverCursorChange（掠過時(shí)光標(biāo)改變）當(dāng)鼠標(biāo)位于某個(gè)對象時(shí)，光標(biāo)發(fā)生變化RolloverMemberChange（掠過時(shí)改變演員）當(dāng)鼠標(biāo)位于某個(gè)對象時(shí)，改變演員第6行為與交互技術(shù)【例6.6】利用交互行為,設(shè)計(jì)和制作簡單的“小狗”游戲動畫實(shí)現(xiàn)功能當(dāng)鼠標(biāo)光標(biāo)接近“小狗1”時(shí)，“小狗1”躲避鼠標(biāo)，自動移動到另一位置；當(dāng)鼠標(biāo)移動到“小狗2”上，小狗變?yōu)橐恢伙w鳥新建400*300影片，導(dǎo)入pic6_6_1.jpg、pic6_6_2.gif和pic6_6_3.gif等3張圖片，拖曳pic6_6_1到通道1、分別拖曳pic6_6_2到通道2和通道3，第1幀輸入gototheframe添加行為選擇動畫→交互行為拖曳“避開光標(biāo)”行為到小狗1，設(shè)置參數(shù)拖曳“掠過時(shí)改變演員”行為到小狗2，設(shè)置參數(shù)為pic6_6_3186.3常見行為應(yīng)用第6行為與交互技術(shù)精靈過渡行為子類196.3常見行為應(yīng)用第6行為與交互技術(shù)精靈過渡子類中常用行為功能描述206.3常見行為應(yīng)用行為名功能描述BarnDoor（開門）產(chǎn)生開門、關(guān)門的效果參數(shù)：Duration:持續(xù)時(shí)間、Direction:方向（垂直或水平）Pixelate（像素化）清晰度改變效果Slide（滑動）推入和推出的效果參數(shù)：持續(xù)時(shí)間Duration、方向DirectionSoftEdgeWiper（虛變劃邊）產(chǎn)生柔邊展現(xiàn)或擦除的效果參數(shù)：持續(xù)時(shí)間Duration、混合寬度BlendWidth、方向DirectionStretch（伸展）展開或壓縮效果參數(shù)：持續(xù)時(shí)間Duration、方向DirectionWiper（擦除）擦除效果參數(shù)：持續(xù)時(shí)間Duration、方向Direction第6行為與交互技術(shù)【例6.7】利用精靈過渡行為設(shè)計(jì)和制作“自動圖片播放器”新建512*288影片，設(shè)置精靈默認(rèn)長度為5幀，導(dǎo)入pic6_5_1.gif至pic6_5_6.gif等6張圖片，依次拖曳到精靈通道1，最后1幀輸入goframe1添加行為選擇動畫→精靈過渡分別拖曳“開門”、“像素化”、“滑動”、“虛變劃邊”、“伸展”和“擦除”等行為到通道1中的pic6_5_1~pic6_5_6各個(gè)精靈上，全部按默認(rèn)設(shè)置不變設(shè)置播放速度為5幀/秒，即5fps216.3常見行為應(yīng)用第6行為與交互技術(shù)自動化行為子類226.3常見行為應(yīng)用第6行為與交互技術(shù)自動化行為子類中常用行為功能描述236.3常見行為應(yīng)用行為名功能描述ColorCycling（顏色循環(huán)）使精靈循環(huán)變色。CircleGraphics（循環(huán)圖形）循環(huán)顯示演員表中的圖形演員FadeInOut（淡入、淡出）淡入或淡出的效果RandomMovementandRotation（隨機(jī)移動和旋轉(zhuǎn)）使精靈隨機(jī)移動和旋轉(zhuǎn)RotateContinnously(frame.basiced)（連續(xù)旋轉(zhuǎn)基于幀）精靈每幀旋轉(zhuǎn)一定的角度RotateContinnously(time.basiced)（連續(xù)旋轉(zhuǎn)基于時(shí)間）精靈以一定的速度旋轉(zhuǎn)Rotate(frame.basiced)（旋轉(zhuǎn)基于幀）精靈以設(shè)定的速度旋轉(zhuǎn)一定角度Rotate(time.basiced)（旋轉(zhuǎn)基于時(shí)間）精靈以設(shè)定的時(shí)間內(nèi)旋轉(zhuǎn)一定角度RotationtoDollowPath（隨路徑旋轉(zhuǎn)）使精靈跟隨運(yùn)動軌跡旋轉(zhuǎn)ZoomInOut（變焦縮小與放大）變焦精靈縮小、放大第6行為與交互技術(shù)【例6.8】利用自動化行為實(shí)現(xiàn)“圖片淡變”及“文字變焦”特效新建512*288影片，導(dǎo)入pic6_6.jpg，拖曳pic6_6到通道1的1-20幀，再次拖曳到，最后1幀輸入goframe1建立文字演員創(chuàng)建文字“Director漸變與變焦”，分別拖曳到通道2的1-20幀和21-40幀添加行為選擇動畫→自動化分別拖曳“淡入/淡出”行為到通道1的1-20幀和21-40幀，設(shè)置為“淡入”和“淡出”拖曳“變焦縮小與放大”行為到通道2的1-20幀和21-40幀，設(shè)置為“in”和“Out”設(shè)置播放每秒10幀播放速度246.3常見行為應(yīng)用第6行為與交互技術(shù)6.3.3文本Text文本類行為256.3常見行為應(yīng)用第6行為與交互技術(shù)文本行為庫常用行為功能描述266.3常見行為應(yīng)用行為名功能描述AddCommastoNumbers（給數(shù)字中添加逗號）給多位數(shù)的數(shù)字中自動添加逗號Calendar（日歷）利用文本演員中創(chuàng)建日歷FormatNumbers（強(qiáng)制大小寫）把域文本框內(nèi)輸入的文本強(qiáng)制轉(zhuǎn)變?yōu)榇髮懟蛐慞asswordEntry（密碼輸入）把域文本框內(nèi)輸入的文本轉(zhuǎn)變?yōu)槊艽a字符TickertageText（滾動文本）在域文本框或文本內(nèi)水平方向滾動文本TypewriteEffect（打字機(jī)效果）在域文本框或文本內(nèi)緩慢地顯示文本第6行為與交互技術(shù)【例6.9】創(chuàng)建月歷和打字機(jī)效果顯示文本的動畫提示：月歷是文本，打字機(jī)也是文本新建500*250影片，第1幀輸入goframe1建立文字演員在舞臺上繪制2個(gè)文本，在第2個(gè)文本區(qū)域輸入文字“Director打字機(jī)效果”添加日歷行為選擇“文本”行為拖曳“日歷”行為到第1個(gè)文本添加打字機(jī)行為拖曳“打字機(jī)效果”行為到第2個(gè)文本276.3常見行為應(yīng)用第6行為與交互技術(shù)6.3.4控件控件類行為286.3常見行為應(yīng)用第6行為與交互技術(shù)控件類行為行為庫常用行為功能描述296.3常見行為應(yīng)用行為名功能描述AnalegClick（仿時(shí)鐘）把一個(gè)矢量圖形變成鐘表的秒、分和小時(shí)指針DropdownList（下拉列表框）由一個(gè)域文本框創(chuàng)建一個(gè)下拉菜單RadioButtonGroup（單選按鈕組）把多個(gè)單選按鈕組合為一組第6行為與交互技術(shù)【例6.10】設(shè)計(jì)一個(gè)與計(jì)算機(jī)時(shí)鐘同步