李 丹， 謝景衛(wèi)

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

淺談Authorware中的鼠標(biāo)跟隨動(dòng)畫(huà)效果

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

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

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

鼠標(biāo)跟隨；動(dòng)畫(huà)效果；系統(tǒng)函數(shù)

0 引言

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

Authorware是一種基于流程線的多媒體集成軟件，它提供了許多系統(tǒng)變量和函數(shù)，用以根據(jù)用戶響應(yīng)的情況，執(zhí)行特定的功能[2]，制作出意想不到的動(dòng)畫(huà)效果。它提供了豐富的交互功能和程序控制功能，特別適合用來(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)畫(huà)效果。

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

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

1 動(dòng)畫(huà)效果

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

圖1 靜動(dòng)對(duì)比1

圖2 靜動(dòng)對(duì)比2

2 動(dòng)畫(huà)制作過(guò)程

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

圖3 制作動(dòng)畫(huà)流程圖

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

圖4 重新設(shè)置窗口

這里簡(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)畫(huà)。如圖5所示。

圖5 導(dǎo)入GIF動(dòng)畫(huà)

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

圖6 GIF動(dòng)畫(huà)屬性設(shè)置

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

圖7 設(shè)置移動(dòng)區(qū)域

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

圖8 移動(dòng)圖標(biāo)屬性設(shè)置

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

Discussing the method of mouse following animation effects in Authorware

Li Dan1, Xie Jingwei2

(1. Electrical and Electronic Office, Dalian Economic Technological Development Zone of Secondary Vocational and Technical School, Dalian 116600； 2. Comprehensive Education, Dalian University，Dalian 116622)

Through case analysis, this paper explores the mouse animation method of produce follow in Authorware. It realizes achieve replicability and flexible application.

mouse following; animation effect; system function

TP311

A

1674- 7720(2016)03- 0051- 02

李丹，謝景衛(wèi). 淺談Authorware中的鼠標(biāo)跟隨動(dòng)畫(huà)效果[J].微型機(jī)與應(yīng)用，2016,35(3)：51- 52，55.

2015-10-08)

李丹(1978-)，女，工程碩士，講師，主要研究方向：計(jì)算機(jī)多媒體、電工電子。

謝景衛(wèi)(1980-)，通信作者，男，工程碩士，實(shí)驗(yàn)師，主要研究方向：計(jì)算機(jī)技術(shù)應(yīng)用、計(jì)算機(jī)控制。E-mail：21115098@qq.com。