製作Flash滑鼠跟隨效果(圖)

　1．設定情境的大小為400px×30px，背景色為#00659C，幀頻為12fps。

　　2．按快速鍵Ctrl+F8開啟“建立新元件”面板建立一個名為“鬼臉”的圖形元件。然後用“橢圓”工具繪製一個垂涎欲滴的鬼臉，然後製作兩個小洞用來放眼睛。方法也很簡單，用“橢圓”工具畫個圓周，然後用箭頭工具把小圈內部刪除即可。如圖2所示

圖 2

　　3．製作瞳孔。建立一個名為“瞳孔”的影片剪輯元件。如圖3所示，在“瞳孔”元件的情境中繪製一個深灰色的圓環，一個黑色的圓，幾個白色的小圓就可以了。

圖 3

　4．製作眼睛。建立一個名為“眼睛”的影片剪輯元件。先用“橢圓”工具在情境中繪製一個顏色#999999的圓。開啟庫，把“瞳孔”影片剪輯拖拽到情境中，放置在灰色的圓上。注意：“瞳孔”元件的中心要和情境的中心重疊。如圖4所示。

圖 4

　　5．點選“瞳孔”元件，然後在“屬性”面板裡給它起個執行個體名稱“eye”。如圖5所示。(www.3lian.com)

圖 5

　　6．點選中“眼睛”元件情境中的第2幀，按F6鍵插入主要畫面格（如果你把第2幀灰色的部分變成黃色等明亮的顏色，還可以看到火眼金睛的效果）。按右鍵第1幀，在彈出的菜單中選擇“動作”命令後鍵入如下代碼：

//屬性_xmouse和屬性_xmouse用來擷取滑鼠在X軸和Y軸方向上的座標值

//屬性_x和屬性_x用來擷取或設定影片剪輯元件在情境中X軸和Y軸方向上的座標值

//變數i接受的資料是情境原點到滑鼠的直線距離

i = Math.sqrt(_xmouse*_xmouse+_ymouse* _ymouse);
eye._x = 25/i*_xmouse;
eye._y = 25/i*_ymouse;

　　代碼中用到了數學對象Math的方法sqrt()，其功能是計算數的平方根。代碼中的數字“25”是“瞳孔”元件在主情境中的大小，這樣設定主要是為了不讓“瞳孔”飛到眼睛外面去。

　　7．按快速鍵Ctrl+F8開啟“建立新元件”面板建立一個名為“香蕉”的影片剪輯元件。然後按快速鍵Ctrl+R開啟“匯入”面板，然後找到一個“香蕉”素材匯入，如效果圖1所示。

　　8．回到主情境。先從庫中把圖形元件“鬼臉”拖拽到主情境中。接著再把“眼睛”影片剪輯元件從庫中拖拽到主情境中，並複製出一個眼睛。然後把這兩個“眼睛”元件放置在眼窩中，如效果圖1所示。

　　9．把“香蕉”影片剪輯元件從庫中拖拽到主情境中，點選中“香蕉”元件，在“屬性”面板中給它起個執行個體名稱“banana”。然後右鍵點選中“香蕉”，鍵入如下代碼：

onClipEvent (mouseMove) {
　　Mouse.hide();
　　startDrag("_root.banana", true);
}

　　onClipEvent()是一個事件觸發程序，在前面筆者已經將過，事件mouseMove是在滑鼠移動的時候觸發事件，執行“{}”中的代碼。_root是指定或返回主情境中的影片的引用。如果影片有多個層級，則根影片時間軸位於包含當前正在執行指令碼的層級上。例如，如果層級1中的指令碼計算_root，則返回_level1。滑鼠對象Mouse的方法hide()可以隱藏情境中的滑鼠。影片剪輯控制語句startDrag的功能是可以拖動情境中的影片剪輯。

　　效果完成了最終效果如前所示。現在讀者朋友可以按快速鍵“Ctrl+Enter”測試一下，筆者相信你做得那個眼睛更加有神。總之，掌握了這個效果，即掌握了滑鼠的基本使用方法。