Flash AS3.0教程：載入庫(kù)中的影片剪輯制作成動(dòng)畫效果

發(fā)布時(shí)間：2014-07-12 11:26:57 作者：cao4811

本例為Flash AS3.0菜鳥學(xué)飛系列教程，在本Flash AS3.0教程中我們將通過(guò)學(xué)習(xí)一個(gè)老鷹飛動(dòng)實(shí)例講解如何載入庫(kù)中的影片剪輯將制作成動(dòng)畫效果，希望能給朋友們帶來(lái)幫助

本例為Flash AS3.0菜鳥學(xué)飛系列教程，在本Flash AS3.0教程中我們將通過(guò)學(xué)習(xí)一個(gè)老鷹飛動(dòng)實(shí)例講解如何載入庫(kù)中的影片剪輯將制作成動(dòng)畫效果，希望能給朋友們帶來(lái)幫助~~

在Flash創(chuàng)作環(huán)境中，可以從庫(kù)中拖拽影片剪輯到舞臺(tái)上，使它們出現(xiàn)在SWF文件中。當(dāng)使用ActionScript來(lái)添加影片剪輯時(shí)，實(shí)際上也是將影片添加一個(gè)實(shí)例到時(shí)間軸上。幀是時(shí)間軸的一部分，你可以使用動(dòng)作面板將as代碼與幀關(guān)聯(lián)。因此時(shí)間軸成了用as代碼添加的顯示對(duì)象的父容器，除非另一個(gè)顯示對(duì)象被指定。

添加一個(gè)影片剪輯到當(dāng)前時(shí)間軸：

下面的例子從.fla庫(kù)中導(dǎo)入一個(gè)名為“鷹”的影片剪輯

１、新建Flash文檔(AS3)，存盤。
２、打開“鷹”的影片剪輯，復(fù)制到庫(kù)中，(在這里不講解影片剪輯制作的過(guò)程)。
３、右鍵點(diǎn)擊“鷹”影片剪輯，在下拉菜單中點(diǎn)擊【屬性】打開屬性面板，勾選【為AstionScript導(dǎo)出】在類:文本框中輸入：hawk，按【確定】如圖：

Flash AS3.0教程：載入庫(kù)中的影片剪輯,PS教程,思緣教程網(wǎng)

４、返回場(chǎng)景１，選中圖層１的第幀，按F9鍵，打開動(dòng)作面板輸入代碼：

復(fù)制代碼

代碼如下:

var myhaw:hawk = new hawk();
addChild(myhaw);

第一行用var聲明一個(gè)實(shí)例名:myhaw給影片剪輯。
第二行用addChild()命令將實(shí)例myhaw加入顯示列表。
提示：當(dāng)沒(méi)有明確指定顯示容器時(shí)，影片剪輯實(shí)例是被添加到時(shí)間軸的當(dāng)前幀。

我們按Ctrl+Enter組合鍵，測(cè)試一下，影片已經(jīng)顯示在屏幕上了。參見未命名１.fla文檔

５、我們已經(jīng)把影片剪輯添加到時(shí)間軸上了，下面我們繼續(xù)添加代碼，做一個(gè)鷹跟隨鼠標(biāo)移動(dòng)。打開動(dòng)作面板，加入下面代碼：

復(fù)制代碼

代碼如下:

var myhaw:hawk = new hawk();
//注冊(cè)鼠標(biāo)單擊事件偵聽器
stage.addEventListener(MouseEvent.CLICK, addhawk);
//定義偵聽器函數(shù)
function addhawk(e:MouseEvent):void {
addChild(myhaw);
}
//注冊(cè)鼠標(biāo)移動(dòng)事件偵聽器
stage.addEventListener(MouseEvent.MOUSE_MOVE, movehaw);
//定義移動(dòng)事件偵聽器函數(shù)
function movehaw(e:MouseEvent):void {
　　　　//使myhaw位于鼠標(biāo)位置
myhaw.x = stage.mouseX;
myhaw.y = stage.mouseY;
}

上面的示例使用了事件的處理和函數(shù)的聲明。參見未命名2.fla文檔

下面是一個(gè)影片剪輯拖放的示例：

具體創(chuàng)建過(guò)程不再重復(fù)，參照上面示例

不再?gòu)U話，直接上代碼：

復(fù)制代碼

代碼如下:

//聲明實(shí)例
var myhaw:hawk = new hawk();
//添加到顯示列表
addChild(myhaw);
//myhaw位置(x,y坐標(biāo))
myhaw.x = 100;
myhaw.y = 100;
//注冊(cè)鼠標(biāo)按下事件偵聽器
myhaw.addEventListener(MouseEvent.MOUSE_DOWN, draghaw);
//注冊(cè)鼠標(biāo)釋放事件偵聽器
myhaw.addEventListener(MouseEvent.MOUSE_UP, drophaw);
//定義鼠標(biāo)按下事件偵聽器函數(shù)
function draghaw(dragevent:MouseEvent):void {
//開始拖動(dòng)
dragevent.currentTarget.startDrag();
}
//定義鼠標(biāo)釋放事件偵聽器函數(shù)
function drophaw(dropevent:MouseEvent):void {

//停止拖動(dòng)
dropevent.currentTarget.stopDrag();
}

按下鼠標(biāo)拖拽物體，當(dāng)釋放鼠標(biāo)時(shí)，物體會(huì)停止跟隨指針。參見未命名3.fla文檔

添加一個(gè)影片剪輯到一個(gè)容器
DisplayObjectContainer對(duì)象(和繼承DisplayObjectContainer類所創(chuàng)建的對(duì)象)可以包含零個(gè)或多個(gè)顯示項(xiàng)。

就像移動(dòng)容器一樣，所有容器對(duì)象中的顯示項(xiàng)相對(duì)容器移動(dòng)。

示例：
１、新建Flash文檔（AS3)，打開未命名1.fla文件。
２、使用庫(kù)的下拉菜單來(lái)選擇“未命名1.fla”的庫(kù)。如圖：

Flash AS3.0教程：載入庫(kù)中的影片剪輯,PS教程,思緣教程網(wǎng)

３、將“鷹”影片剪輯從庫(kù)中拖放到舞臺(tái)上。
４、通過(guò)庫(kù)的下拉菜單選擇回到新文件的庫(kù)。如圖：

Flash AS3.0教程：載入庫(kù)中的影片剪輯,PS教程,思緣教程網(wǎng)

注意：“鷹”的影片剪輯及相關(guān)素材已經(jīng)列在當(dāng)前文件的庫(kù)中了。

５、刪除舞臺(tái)上的影片剪輯。
６、選擇時(shí)間軸第1幀，命名：as，打開動(dòng)作面板，輸入代碼：

復(fù)制代碼

代碼如下:

//聲明實(shí)例
var myhaw:hawk = new hawk();
//添加到顯示列表
addChild(myhaw);
//myhaw位置(x,y坐標(biāo))
myhaw.x = 100;
myhaw.y = 100;
//注冊(cè)鼠標(biāo)按下事件偵聽器
myhaw.addEventListener(MouseEvent.MOUSE_DOWN, draghaw);
//注冊(cè)鼠標(biāo)釋放事件偵聽器
myhaw.addEventListener(MouseEvent.MOUSE_UP, drophaw);
//定義鼠標(biāo)按下事件偵聽器函數(shù)
function draghaw(dragevent:MouseEvent):void {
//開始拖動(dòng)
dragevent.currentTarget.startDrag();
}
//定義鼠標(biāo)釋放事件偵聽器函數(shù)
function drophaw(dropevent:MouseEvent):void {

//停止拖動(dòng)
dropevent.currentTarget.stopDrag();
}

７、新建圖層，并把它拖到as層的下方，重命名為text。選中第1幀，使用文字工具在舞臺(tái)上輸入：點(diǎn)擊并移動(dòng)mySprite，到(150,200)坐標(biāo)位置。(mySprite是影片剪輯的容器)

８、測(cè)試影片。參見未命名4.fla文件

Flash Player播放SWF文件，默認(rèn)情況下，影片剪輯顯示在舞臺(tái)的左上角。代碼中一個(gè)事件偵聽器用于響應(yīng)鼠標(biāo)點(diǎn)擊，當(dāng)點(diǎn)擊舞臺(tái)的任何地方時(shí)，影片剪輯的注冊(cè)點(diǎn)都被重新定位于距離舞臺(tái)上方150個(gè)像素，距離舞臺(tái)左邊200個(gè)像素的位置。

教程結(jié)束，以上就是如何載入庫(kù)中的影片剪輯將制作成動(dòng)畫效果介紹，希望大家看完之后會(huì)有一定的幫助，謝謝大家觀看本教程！