3．MC應用——鼠標看圖

范例簡介

圖4-5-10是本例的運行效果，畫面的底圖是一個很漂亮的矢量風景圖，起始狀態(tài)它被一層黑色罩擋著，看不到，你必需用鼠標快速地劃動，隨著劃動的軌跡，漸漸露出風景圖，而在一定時間后又漸漸閉合。

圖4-5-10 “鼠標看圖”運行效果

制作步驟

這個效果看起來還夠“酷”的，實際上卻是十分簡單！

在本例的【場景】中僅有3個圖層，各一個幀，主要內(nèi)容就在“MC集”圖層中，“單擊”該圖層的“要害幀”，就能看到如圖4-5-11所示的情況。

圖4-5-11 MC集圖層效果

原來，風景圖片是被一個個黑色對象遮擋著！它們就是排列整潔的名叫“功能MC”的實例對象。

打開本范例的【庫】面板，如圖4-5-12所示，你可以看到，該范例僅4個元件，非凡簡單。

圖4-5-12 【庫】面板

那么，這個MC怎么會產(chǎn)生這種鼠標效果呢？下面我們就來看看實現(xiàn)這個效果的過程。

步驟1　創(chuàng)建實例元件

新建名為“圖形”的元件，在舞臺中繪制一個無邊框的黑色小矩形。

新建名為“跳轉按鈕”的元件，將“圖形”元件拖放到舞臺中心。

新建名為“功能MC”的元件，將“跳轉按鈕”放置在第1幀，在第2幀插入要害幀，單擊交換按鈕，將“跳轉按鈕”交換為“圖形”，并將屬性改為圖形，如圖4-5-13所示。

圖4-5-13　功能MC第2幀圖形元件屬性

在第22幀插入要害幀，將“圖形”實例的透明度修改為“0%”，并創(chuàng)建第2幀到第22幀的動作補間動畫。同樣在第112和第129幀插入要害幀，并將第129幀實例透明度修改為“100%”，創(chuàng)建這兩個要害幀之間的動作補間動畫。

步驟2　定義動作腳本

單擊“功能MC”第1幀定義“stop”，使正常情況下，指針停止在這里。再單擊舞臺上的按鈕元件，定義動作腳本為：

on (rollOut) {

gotoAndPlay(2);

}

這段代碼的意思是：當發(fā)生鼠標經(jīng)過這一事件時，讓播放指針跳到第2幀并繼續(xù)運行。

這個功能MC僅一個圖層，第1幀中是個按鈕對象，第2幀至第22幀，是一段動作補間動畫，而第112幀至129幀又是一段動作補間動畫，本例效果就全部在這里了！

第2幀開始的2段動作補間動畫，前段動畫是“圖形”透明度由“100”降為“0”，后一段是由“0”恢復為“100”。

明白了，這就是“風景畫”由看不到至逐漸顯示，再逐漸重新被罩沒的原因！改變補間動畫中的過渡幀數(shù)量或者2段變形間的“距離”可以修改“風景圖”顯示及隱去的時間。

步驟3　布局場景

回到“主舞臺”，將“功能MC”拖放到舞臺上，并復制排列，效果如圖4-5-11所示，完成后測便可看到本例的效果了。