李丹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所示。

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

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

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

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

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

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

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

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

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

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

參考文獻

［1］ 唐小健. Flash 中元件跟随鼠标移動的特效制作之探究［J］. 電腦知識與技術，2013(32):73347736.

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

［3］ 範翠香.Authorware7中訪問SQL數據庫數據的兩種方法研究［J］.微型機與應用,2014,33(17):7678.

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!