淺談Authorware中的鼠標跟隨動畫效果

李 丹， 謝景衛

(1.大連經濟技術開發區中等職業技術專業學校 電工電子教研室，遼寧 大連 116600；2.大連大學 素質教育基地，遼寧 大連 116622)

淺談Authorware中的鼠標跟隨動畫效果

李 丹1， 謝景衛2

(1.大連經濟技術開發區中等職業技術專業學校 電工電子教研室，遼寧 大連 116600；2.大連大學 素質教育基地，遼寧 大連 116622)

本文通過案例分析的方式，探究在Authorware中制作對象跟隨鼠標移動的動畫制作方法，達到舉一反三、靈活應用的目的。

鼠標跟隨；動畫效果；系統函數

0 引言

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

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

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

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

1 動畫效果

當鼠標在窗口中移動時，會有蝴蝶緊隨其后，就像在空中飛舞；而當鼠標靜止不動時，它也會在鼠標旁扇動翅膀。如圖1、圖2所示。

圖1 靜動對比1

圖2 靜動對比2

2 動畫制作過程

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

圖3 制作動畫流程圖

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

圖4 重新設置窗口

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

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

第三步：導入一個蝴蝶的Gif動畫。如圖5所示。

圖5 導入GIF動畫

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

圖6 GIF動畫屬性設置

第四步：這是最關鍵的一步，在主流程線上放上一個移動圖標，設置移動對像為上一步的蝴蝶Gif動畫；移動類型設置為：指向固定區域內某點；設置區域大小如圖7。

圖7 設置移動區域

在目標點輸入：CursorX、CursorY。執行方式：永久。遠端范圍：循環。為了達到緊隨其后的跟隨效果，將時間設置為0.05 s。移動圖標的屬性設置參數如圖8所示。

圖8 移動圖標屬性設置

以上四步已經完成了在Authorware中制作鼠標跟隨的效果，但是為了更有效地襯托出蝴蝶跟隨鼠標的移動效果，增加一個靜態的圖標作為對比。最后一步的操作方法和第三步是一樣的，只是第三步中對導入的Gif圖標作了移動設置，而此步不用移動設置而已。

至此，鼠標跟隨的動畫作品制作完成，執行一下，可以看到不錯的效果。也可以根據自己的需要作更改。總之一個移動圖標的簡單設置就能完成鼠標跟隨的動畫設置，這種方法方便有效地解決了動漫設計者、多媒體作品開發者和教學者的困擾，從而不再需要那些繁瑣的變量定義、編程和邏輯運算。

[1] 唐小健. Flash 中元件跟隨鼠標移動的特效制作之探究[J]. 電腦知識與技術，2013(32):7334-7736.

[2] 趙佩華，眭碧霞. 多媒體技術應用[M]. 北京：高等教育出版社， 2012.

[3] 范翠香.Authorware7中訪問SQL數據庫數據的兩種方法研究[J].微型機與應用,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

李丹，謝景衛. 淺談Authorware中的鼠標跟隨動畫效果[J].微型機與應用，2016,35(3)：51- 52，55.

2015-10-08)

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

謝景衛(1980-)，通信作者，男，工程碩士，實驗師，主要研究方向：計算機技術應用、計算機控制。E-mail：21115098@qq.com。