解決思路
簡單的鼠標跟隨我們可以通過Flash AS的startDrag來完成。今天我們介紹的這個效果,用到了復制,屬性等命令。
效果分成兩個部分,第一是制作拖拽的對象,也就是我們要是什么物體跟隨鼠標運動。第二是AS部分代碼的編寫。
具體步驟
1、 運行Flash MX 2004,設置文檔屬性為黑色,幀頻為30幀/秒。
2、 新建一個圖形元件,命名為“藍條”。在元件編輯區(qū)里面繪制一個如圖3.3.33所示的圖形。
圖3.3.33 繪制元件
3、 新建一個影片剪輯,命名為“旋轉”。從“庫”中把制作好的“藍條”圖形元件拖放到影片剪輯的編輯區(qū)。利用對齊面板使之處與中央位置。在第15幀插入關鍵
幀,設置第15幀里面的元件的透明度為0。在第1到第15幀之間創(chuàng)建移動漸變動畫。如圖3.3.34所示。
圖3.3.34 影片剪輯“旋轉”的時間軸
4、 單擊選中第1幀,在下面的屬性面板中設置旋轉參數(shù)。如圖3.3.35所示。
圖3.3.35 旋轉參數(shù)設置
5、 再新建一個影片剪輯,命名為“拖動旋轉”,按“ctrl+L”調出“庫”面板,現(xiàn)在庫中有三個元件。選中“旋轉”影片剪輯將其拉到編輯區(qū)中心,在下面的屬性面板
中命名它的實例名為“xz”。然后將此圖層命名為“旋轉”。如圖3.3.36所示。
圖3.3.36 屬性設置
6、 在時間軸上選擇第15幀,按F5將動畫延長到第15幀。然后新建一個圖層,
命名為as,在第1幀添加as:
startDrag("xz", true); //開始拖動影片剪輯xz
如圖3.3.37所示。
圖3.3.37 在AS層的第1幀填加AS命令
7、 返回到場景1,在第2幀插入空白關鍵幀。打開庫面板,把“拖動旋轉”影片剪輯拖放到第2幀中的任意位置。將其實例名設置為movie。如圖3.3.38所示。
圖3.3.38 影片剪輯“拖動旋轉”的屬性設置
8、 選中第2幀,打開as面板添加控制語句:
n = Number(n)+24;
i
f (Number(n)<360) {
duplicateMovieClip("movie", "movie"add n, n);
setProperty("_root.movie"add n, _rotation, getProperty("movie",_rotation)-n);
gotoAndPlay(1);
}
語句解釋如下:
n = Number(n)+24; //n的數(shù)值每次遞增24, 24是由360除以15得來的,由于
我們要設置旋轉的動畫,而每轉一周是360度,動畫片段的周期是15楨,所以要在一個周期里旋轉360度就要每楨旋轉360/15=24°所以設置n的數(shù)值每次遞增24。
if (Number(n)<360) { //當n小于360時,
duplicateMovieClip("movie", "movie"add n, n); //復制動畫片段,并命名為movie 以深度n復制。
setProperty("_root.movie"add n, _rotation, getProperty("movie",_rotation)-n); //取得movie的旋轉角度值,將其減去n,并將所得值設為目標_root.movie add n的旋轉角度值。
gotoAndPlay(1); //跳到第1幀
}
9,保存,測試。請參看源文件“鼠標跟隨”。
特別說明
鼠標跟隨效果是我們經(jīng)常用到的效果,也是制作方法最多的一種效果。本例只向大家介紹了其中一種,利用這個原理我們還可以制作出很多類似的效果。其實結合本例來看,制作的結構非常的簡單,創(chuàng)建一個原始旋轉元件,然后在另一個影片剪輯中作鼠標托拽。放置到主場景以后,進行復制和屬性設置。我們在學習一個實例效果以后,就要用這個方法來總結實例效果的結構,這對于我們以后flash的學習的幫助很大。