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

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

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

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

0引言

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

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

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

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

　　1動(dòng)畫效果

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

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

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

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

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

　　第三步：導(dǎo)入一個(gè)蝴蝶的Gif動(dòng)畫。如圖5所示?！　?/p>

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

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

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

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

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

參考文獻(xiàn)

　　［1］ 唐小健. Flash 中元件跟隨鼠標(biāo)移動(dòng)的特效制作之探究［J］. 電腦知識(shí)與技術(shù)，2013(32):73347736.

　　［2］ 趙佩華，眭碧霞. 多媒體技術(shù)應(yīng)用［M］. 北京：高等教育出版社， 2012.

　　［3］ 范翠香.Authorware7中訪問(wèn)SQL數(shù)據(jù)庫(kù)數(shù)據(jù)的兩種方法研究［J］.微型機(jī)與應(yīng)用,2014,33(17):7678.