《電子技術(shù)應(yīng)用》
您所在的位置:首頁 > 通信與網(wǎng)絡(luò) > 設(shè)計應(yīng)用 > 淺談Authorware中的鼠標(biāo)跟隨動畫效果
淺談Authorware中的鼠標(biāo)跟隨動畫效果
2016年微型機與應(yīng)用第3期
李丹1, 謝景衛(wèi)2
(1.大連經(jīng)濟技術(shù)開發(fā)區(qū)中等職業(yè)技術(shù)專業(yè)學(xué)校 電工電子教研室,遼寧 大連 116600; 2.大連大學(xué) 素質(zhì)教育基地,遼寧 大連 116622)
摘要: 本文通過案例分析的方式,探究在Authorware中制作對象跟隨鼠標(biāo)移動的動畫制作方法,達到舉一反三、靈活應(yīng)用的目的。
Abstract:
Key words :

李丹1, 謝景衛(wèi)2

1.大連經(jīng)濟技術(shù)開發(fā)區(qū)中等職業(yè)技術(shù)專業(yè)學(xué)校 電工電子教研室,遼寧 大連 116600; 2.大連大學(xué) 素質(zhì)教育基地,遼寧 大連 116622

  摘要:本文通過案例分析的方式,探究在Authorware中制作對象跟隨鼠標(biāo)移動的動畫制作方法,達到舉一反三、靈活應(yīng)用的目的。

  關(guān)鍵詞鼠標(biāo)跟隨;動畫效果;系統(tǒng)函數(shù)

0引言

  鼠標(biāo)跟隨的動畫效果在各類多媒體作品中都有應(yīng)用,這種動畫效果不僅使得作品的感染力和表現(xiàn)力大大增加,還增加了作品的靈動性,因此深受動漫設(shè)計者的喜愛。然而,一提到鼠標(biāo)跟隨的動畫效果,很自然地就想到了Flash。Flash中對象跟隨鼠標(biāo)移動的特效制作已經(jīng)在各類Flash動畫作品中得到大量的使用,大大增強了作品的感染力和表現(xiàn)力[1],有關(guān)Flash動畫作品中的鼠標(biāo)跟隨效果比比皆是,在Flash中制作鼠標(biāo)跟隨的動畫效果很方便,也很簡單。但是,本文要介紹的卻是在Authorware中制作鼠標(biāo)跟隨的動畫效果,在Authorware中制作這種動畫效果也能像在Flash中一樣方便、簡單,且具有相同的感染力、表現(xiàn)力和靈動性。

  Authorware是一種基于流程線的多媒體集成軟件,它提供了許多系統(tǒng)變量和函數(shù),用以根據(jù)用戶響應(yīng)的情況,執(zhí)行特定的功能[2],制作出意想不到的動畫效果。它提供了豐富的交互功能和程序控制功能,特別適合用來開發(fā)各種交互式的多媒體作品[3]。本文要介紹的鼠標(biāo)跟隨,就用到了Authorware中提供的兩個關(guān)鍵的系統(tǒng)變量:CursorX和CursorY。CursorX存放活動窗口中當(dāng)前鼠標(biāo)位置距左邊界的距離(單位為像素);CursorY存放活動窗口中當(dāng)前鼠標(biāo)位置距上邊界的距離(單位為像素)。若用戶長時間沒有得到響應(yīng)或響應(yīng)錯誤,則用CursorX和CursorY的值來獲知用戶鼠標(biāo)在屏幕上的位置參數(shù)。本文就是利用這兩個數(shù)據(jù)來完成制作鼠標(biāo)跟隨的動畫效果。

  下面介紹一種簡單、典型的在Authorware中制作鼠標(biāo)跟隨動畫的方法,只要掌握這種方法,靈活運用該方法,舉一反三,就可以制作出更多、更好、更富有創(chuàng)意的多媒體作品。

  下面就以蝴蝶跟隨鼠標(biāo)移動的動畫制作為例進行介紹。

  1動畫效果

  當(dāng)鼠標(biāo)在窗口中移動時,會有蝴蝶緊隨其后,就像在空中飛舞;而當(dāng)鼠標(biāo)靜止不動時,它也會在鼠標(biāo)旁扇動翅膀。如圖1、圖2所示。

  制作這樣的一個動畫效果,只需要四步就可完成。在這個作品中增加了第五步,該步只是要作一個特效而已,突出對象跟隨鼠標(biāo)的靈動性。如圖3所示。

 

003.jpg

  第一步:放一個計算圖標(biāo)到主流程線上,雙擊打開其輸入窗口,輸入:ResizeWindow(600,400),完成演示窗口大小的重新設(shè)置。如圖4所示。

  

004.jpg

  這里簡單說明一下設(shè)置窗口大小的函數(shù)ResizeWindow(width, height)的作用。ResizeWindow重新設(shè)定當(dāng)前窗口,使之與指定的width,height參數(shù)相符合。ResizeWindow只能用在計算圖標(biāo)中,不能在表達式中使用或嵌入。ResizeWindow和系統(tǒng)變量WindowHeight、WindowWidth、WindowTop、WindowLeft一起工作,這四個系統(tǒng)變量提供當(dāng)前窗口的規(guī)格和位置信息。

  第二步:導(dǎo)入背景圖片,在主流程線上自動生成顯示圖標(biāo),背景圖片襯托出主題,在此僅是美化作品。

  第三步:導(dǎo)入一個蝴蝶的Gif動畫。如圖5所示?! ?/p>

005.jpg

  為了讓作品的效果更好一些,對Gif動畫作了透明設(shè)置。如圖6所示。

  第四步:這是最關(guān)鍵的一步,在主流程線上放上一個移動圖標(biāo),設(shè)置移動對像為上一步的蝴蝶Gif動畫;移動類型設(shè)置為:指向固定區(qū)域內(nèi)某點;設(shè)置區(qū)域大小如圖7。

006.jpg

  在目標(biāo)點輸入:CursorX、CursorY。執(zhí)行方式:永久。遠端范圍:循環(huán)。為了達到緊隨其后的跟隨效果,將時間設(shè)置為0.05 s。移動圖標(biāo)的屬性設(shè)置參數(shù)如圖8所示。

  

007.jpg

  以上四步已經(jīng)完成了在Authorware中制作鼠標(biāo)跟隨的效果,但是為了更有效地襯托出蝴蝶跟隨鼠標(biāo)的移動效果,增加一個靜態(tài)的圖標(biāo)作為對比。最后一步的操作方法和第三步是一樣的,只是第三步中對導(dǎo)入的Gif圖標(biāo)作了移動設(shè)置,而此步不用移動設(shè)置而已。

  至此,鼠標(biāo)跟隨的動畫作品制作完成,執(zhí)行一下,可以看到不錯的效果。也可以根據(jù)自己的需要作更改??傊粋€移動圖標(biāo)的簡單設(shè)置就能完成鼠標(biāo)跟隨的動畫設(shè)置,這種方法方便有效地解決了動漫設(shè)計者、多媒體作品開發(fā)者和教學(xué)者的困擾,從而不再需要那些繁瑣的變量定義、編程和邏輯運算。

參考文獻

 ?。?] 唐小健. Flash 中元件跟隨鼠標(biāo)移動的特效制作之探究[J]. 電腦知識與技術(shù),2013(32):73347736.

 ?。?] 趙佩華,眭碧霞. 多媒體技術(shù)應(yīng)用[M]. 北京:高等教育出版社, 2012.

 ?。?] 范翠香.Authorware7中訪問SQL數(shù)據(jù)庫數(shù)據(jù)的兩種方法研究[J].微型機與應(yīng)用,2014,33(17):7678.


此內(nèi)容為AET網(wǎng)站原創(chuàng),未經(jīng)授權(quán)禁止轉(zhuǎn)載。