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