Flash AS3.0教程：载入库中的影片剪辑制作成动画效果
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
本例为Flash AS3.0菜鸟学飞系列教程，在本Flash AS3.0教程中我们将通过学习一个老鹰飞动实例讲解如何载入库中的影片剪辑将制作成动画效果，希望能给朋友们带来帮助~~
在Flash创作环境中，可以从库中拖拽影片剪辑到舞台上，使它们出现在SWF文件中。当使用ActionScript来添加影片剪辑时，实际上也是将影片添加一个实例到时间轴上。帧是时间轴的一部分，你可以使用动作面板将as代码与帧关联。因此时间轴成了用as代码添加的显示对象的父容器，除非另一个显示对象被指定。
添加一个影片剪辑到当前时间轴：
下面的例子从.fla库中导入一个名为“鹰”的影片剪辑
１、新建Flash文档(AS3)，存盘。
２、打开“鹰”的影片剪辑，复制到库中，(在这里不讲解影片剪辑制作的过程)。
３、右键点击“鹰”影片剪辑，在下拉菜单中点击【属性】打开属性面板，勾选【为AstionScript导出】在类:文本框中输入：hawk，按【确定】如图：
４、返回场景１，选中图层１的第帧，按F9键，打开动作面板输入代码：
addChild(myhaw);
第一行用var声明一个实例名:myhaw给影片剪辑。
第二行用addChild()命令将实例myhaw加入显示列表。
提示：当没有明确指定显示容器时，影片剪辑实例是被添加到时间轴的当前帧。
我们按Ctrl+Enter组合键，测试一下，影片已经显示在屏幕上了。参见未命名１.fla文档
５、我们已经把影片剪辑添加到时间轴上了，下面我们继续添加代码，做一个鹰跟随鼠标移动。打开动作面板，加入下面代码：
//注册鼠标单击事件侦听器
stage.addEventListener(MouseEvent.CLICK, addhawk);
//定义侦听器函数
function addhawk(e:MouseEvent):void {
addChild(myhaw);
}
//注册鼠标移动事件侦听器
stage.addEventListener(MouseEvent.MOUSE_MOVE, movehaw);
//定义移动事件侦听器函数
function movehaw(e:MouseEvent):void {
//使myhaw位于鼠标位置
myhaw.x = stage.mouseX;
myhaw.y = stage.mouseY;
}
上面的示例使用了事件的处理和函数的声明。参见未命名2.fla文档
下面是一个影片剪辑拖放的示例：
具体创建过程不再重复，参照上面示例
不再废话，直接上代码：
var myhaw:hawk = new hawk();
//添加到显示列表
addChild(myhaw);
//myhaw位置(x,y坐标)
myhaw.x = 100;
myhaw.y = 100;
//注册鼠标按下事件侦听器
myhaw.addEventListener(MouseEvent.MOUSE_DOWN, draghaw);
//注册鼠标释放事件侦听器
myhaw.addEventListener(MouseEvent.MOUSE_UP, drophaw);
//定义鼠标按下事件侦听器函数
function draghaw(dragevent:MouseEvent):void {
//开始拖动
dragevent.currentTarget.startDrag();
}
//定义鼠标释放事件侦听器函数
function drophaw(dropevent:MouseEvent):void {
//停止拖动
dropevent.currentTarget.stopDrag();
}
按下鼠标拖拽物体，当释放鼠标时，物体会停止跟随指针。参见未命名3.fla文档
添加一个影片剪辑到一个容器
DisplayObjectContainer对象(和继承DisplayObjectContainer类所创建的对象)可以包含零个或多个显示项。
就像移动容器一样，所有容器对象中的显示项相对容器移动。
示例：
１、新建Flash文档（AS3)，打开未命名1.fla文件。
２、使用库的下拉菜单来选择“未命名1.fla”的库。如图：
３、将“鹰”影片剪辑从库中拖放到舞台上。
４、通过库的下拉菜单选择回到新文件的库。如图：
注意：“鹰”的影片剪辑及相关素材已经列在当前文件的库中了。
５、删除舞台上的影片剪辑。
６、选择时间轴第1帧，命名：as，打开动作面板，输入代码：
var myhaw:hawk = new hawk();
//添加到显示列表
addChild(myhaw);
//myhaw位置(x,y坐标)
myhaw.x = 100;
myhaw.y = 100;
//注册鼠标按下事件侦听器
myhaw.addEventListener(MouseEvent.MOUSE_DOWN, draghaw);
//注册鼠标释放事件侦听器
myhaw.addEventListener(MouseEvent.MOUSE_UP, drophaw);
//定义鼠标按下事件侦听器函数
function draghaw(dragevent:MouseEvent):void {
//开始拖动
dragevent.currentTarget.startDrag();
}
//定义鼠标释放事件侦听器函数
function drophaw(dropevent:MouseEvent):void {
//停止拖动
dropevent.currentTarget.stopDrag();
}
７、新建图层，并把它拖到as层的下方，重命名为text。选中第1帧，使用文字工具在舞台上输入：点击并移动mySprite，到(150,200)坐标位置。(mySprite是影片剪辑的容器)
８、测试影片。参见未命名4.fla文件
Flash Player播放SWF文件，默认情况下，影片剪辑显示在舞台的左上角。代码中一个事件侦听器用于响应鼠标点击，当点击舞台的任何地方时，影片剪辑的注册点都被重新定位于距离舞台上方150个像素，距离舞台左边200个像素的位置。
教程结束，以上就是如何载入库中的影片剪辑将制作成动画效果介绍，希望大家看完之后会有一定的帮助，谢谢大家观看本教程！
相关文章
flash cs6想要实现鼠标跟随效果？该怎么制作呢？今天我们就来看看使用as2.0实现鼠标跟随效果的教程，需要的朋友可以参考下2019-05-19
Flash cs6怎么使用代码输入中英文文本？Flash cs6中可以使用文字工具直接输入文本，也可以使用代码来输入文本，该怎么使用代码输入文本呢？请看下文详细的教程，需要的朋友2018-03-11
flash as3.0抽象类怎么定义？ as3.0中有很多抽象类，该怎么定义抽象类和抽象方法呢？下面我们就来看看简单的例子，需要的朋友可以参考下http://www.jb51.net/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0？flash cs6中想要使用ActionScript3.0功能，该怎么使用呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-01-25
本教程给大家分享一个Flash小教程，教大家在Flash CS6中怎么实现鼠标点击决定图像位置？方法很简单，感兴趣的朋友欢迎前来一起分享学习2018-01-12
本教程教程序员之家的ActionScript教程学习者在Flash中如何用代码将图片放在自己想要的舞台位置，教程讲解的详细，感兴趣的朋友欢迎前来分享学习2017-11-20
本教程教程序员之家的ActionScript教程学习者如何在Flash CS6中使用with函数绘制背景图？教程一步步讲解的挺详细，方法也不难，非常适合Flash新手入门学习2017-11-18
Flash怎么设置元件坐标?flash使用代码设置元件的坐标的教程
Flash怎么设置元件坐标？flash中导如的元件需要添加坐标，该怎么定位元件坐标呢？下面我们就来看看flash使用代码设置元件的坐标的教程，需要的朋友可以参考下2017-10-11
Flash怎么制作来回摇摆的花朵的动画？Flash中想要给花朵制作一段摇摆的动画效果，该怎么制作呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-05-23
Flash怎么制作流动七彩色的文字？想要让文字动起来，该怎么使用flash给文字制作一个流动七彩色的动画呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-04-23
最新评论