| |
Webjx核心提示：Flash實(shí)例教程:鼠標(biāo)點(diǎn)擊出現(xiàn)圖片動(dòng)畫.
本文是適合初學(xué)者的FLASH教程，最終效果是用鼠標(biāo)點(diǎn)擊后，一個(gè)圖片出現(xiàn)，從左上角到右下角放大顯示，先來(lái)看最終效果：
效果如上，鼠標(biāo)點(diǎn)擊動(dòng)畫就會(huì)出現(xiàn)一個(gè)圖片
下面開始講述制作步驟：
第一步：首先準(zhǔn)備一幅圖片：
然后打開FLASH，之后新建立一個(gè)文檔：
然后把圖片導(dǎo)入到FLASH中，把圖片轉(zhuǎn)換為影片剪輯：
然后按Ctrl+L打開庫(kù)，找到這個(gè)影片剪輯，然后右擊：
設(shè)置如下：
回到舞臺(tái)后，把圖片影片剪輯刪除掉，選擇第一幀，添加如下動(dòng)作：
function Main() {
stage.addEventListener(MouseEvent.CLICK, AddImage);
}
Main();
function AddImage(e:MouseEvent):void {
var newImage:CoolImage = new CoolImage();
this.addChild(newImage);
newImage.x = mouseX;
newImage.y = mouseY;
newImage.scaleX = 0;
newImage.scaleY = 0;
newImage.alpha = 0;
newImage.addEventListener(Event.ENTER_FRAME, ZoomImage);
}
function ZoomImage(e:Event):void {
var imageMC:MovieClip = MovieClip(e.target);
imageMC.scaleX += .05;
imageMC.scaleY += .05;
if (imageMC.scaleX < 4) {
imageMC.alpha += .05;
} else {
imageMC.alpha -= .05;
if (imageMC.alpha < .8) {
imageMC.removeEventListener(Event.ENTER_FRAME, ZoomImage);
}
}
}
最終效果如上，希望大家喜歡。 |
|
|
| 【收藏】【打印】【進(jìn)入論壇】 |
|
|
|
|
| |
|
|
|
