×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 14201|回复: 24

[AS] 学习AS3.0菜鸟起飞之—载入库中的影片剪辑[本文已收录教程库]

[复制链接]
发表于 2009-7-5 07:48:16 | 显示全部楼层 |阅读模式
学习AS3.0菜鸟起飞之—载入库中的影片剪辑



在Flash创作环境中,可以从库中拖拽影片剪辑到舞台上,使它们出现在SWF文件中。当使用ActionScript

来添加影片剪辑时,实际上也是将影片添加一个实例到时间轴上。帧是时间轴的一部分,你可以使用动

作面板将as代码与帧关联。因此时间轴成了用as代码添加的显示对象的父容器,除非另一个显示对象被

指定。

添加一个影片剪辑到当前时间轴:
下面的例子从.fla库中导入一个名为“鹰”的影片剪辑
1、新建Flash文档(AS3),存盘。
2、打开“鹰”的影片剪辑,复制到库中,(在这里不讲解影片剪辑制作的过程)。
3、右键点击“鹰”影片剪辑,在下拉菜单中点击【属性】打开属性面板,勾选【为AstionScript导出】在

类:文本框中输入:hawk,按【确定】如图:
       


4、返回场景1,选中图层1的第帧,按F9键,打开动作面板输入代码:
  1. var myhaw:hawk = new hawk();
  2. addChild(myhaw);
复制代码
第一行用var声明一个实例名:myhaw给影片剪辑。
第二行用addChild()命令将实例myhaw加入显示列表。
提示:当没有明确指定显示容器时,影片剪辑实例是被添加到时间轴的当前帧。

我们按Ctrl+Enter组合键,测试一下,影片已经显示在屏幕上了。参见未命名1.fla文档

5、我们已经把影片剪辑添加到时间轴上了,下面我们继续添加代码,做一个鹰跟随鼠标移动。打开动

作面板,加入下面代码:
  1. var myhaw:hawk = new hawk();
  2. //注册鼠标单击事件侦听器
  3. stage.addEventListener(MouseEvent.CLICK, addhawk);

  4. //定义侦听器函数
  5. function addhawk(e:MouseEvent):void {
  6.         addChild(myhaw);
  7. }

  8. //注册鼠标移动事件侦听器
  9. stage.addEventListener(MouseEvent.MOUSE_MOVE, movehaw);

  10. //定义移动事件侦听器函数
  11. function movehaw(e:MouseEvent):void {
  12.     //使myhaw位于鼠标位置
  13.         myhaw.x = stage.mouseX;
  14.         myhaw.y = stage.mouseY;
  15. }
复制代码
上面的示例使用了事件的处理和函数的声明。参见未命名2.fla文档


下面是一个影片剪辑拖放的示例:

具体创建过程不再重复,参照上面示例

不再废话,直接上代码:
  1. //声明实例
  2. var myhaw:hawk = new hawk();
  3. //添加到显示列表
  4. addChild(myhaw);
  5. //myhaw位置(x,y坐标)
  6. myhaw.x = 100;
  7. myhaw.y = 100;

  8. //注册鼠标按下事件侦听器
  9. myhaw.addEventListener(MouseEvent.MOUSE_DOWN, draghaw);
  10. //注册鼠标释放事件侦听器
  11. myhaw.addEventListener(MouseEvent.MOUSE_UP, drophaw);

  12. //定义鼠标按下事件侦听器函数
  13. function draghaw(dragevent:MouseEvent):void {
  14.         //开始拖动
  15.     dragevent.currentTarget.startDrag();
  16. }
  17. //定义鼠标释放事件侦听器函数
  18. function drophaw(dropevent:MouseEvent):void {
  19.         
  20.         //停止拖动
  21.     dropevent.currentTarget.stopDrag();
  22. }
复制代码
按下鼠标拖拽物体,当释放鼠标时,物体会停止跟随指针。参见未命名3.fla文档


添加一个影片剪辑到一个容器
DisplayObjectContainer对象(和继承DisplayObjectContainer类所创建的对象)可以包含零个或多个显示项。

就像移动容器一样,所有容器对象中的显示项相对容器移动。

示例:
1、新建Flash文档(AS3),打开未命名1.fla文件。
        2、使用库的下拉菜单来选择“未命名1.fla”的库.如图:
       
        3、将“鹰”影片剪辑从库中拖放到舞台上.
        4、通过库的下拉菜单选择回到新文件的库.如图:
       


注意:“鹰”的影片剪辑及相关素材已经列在当前文件的库中了。
5、删除舞台上的影片剪辑。
6、选择时间轴第1帧,命名:as,打开动作面板,输入代码:
  1. var myhaw:hawk = new hawk();
  2. //创建一个容器
  3. var mySprite:Sprite = new Sprite();
  4. //添加影片剪辑到容器
  5. mySprite.addChild(myhaw);
  6. //把容器添加到显示列表
  7. addChild(mySprite);
  8. //注册鼠标单击事件侦听器
  9. stage.addEventListener(MouseEvent.CLICK, clickhandler);

  10. //定义单击事件侦听器函数
  11. function clickhandler(e:MouseEvent):void {
  12.     //定位容器的位置
  13.         mySprite.x = 150;
  14.         mySprite.y = 200;
  15. }
复制代码
7、新建图层,并把它拖到as层的下方,重命名为text。选中第1帧,使用文字工具在舞台上输入:点击

并移动mySprite,到(150,200)坐标位置。(mySprite是影片剪辑的容器)
8、测试影片。参见未命名4.fla文件

Flash Player播放SWF文件,默认情况下,影片剪辑显示在舞台的左上角。代码中一个事件侦听器用于响

应鼠标点击,当点击舞台的任何地方时,影片剪辑的注册点都被重新定位于距离舞台上方150个像素,

距离舞台左边200个像素的位置。
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=255505
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 3金币 +16 威望 +1 热心度 +5 收起 理由
祁连山 + 1 支持教程哈,辛苦啦.
xyl7422 + 8 + 3 支持老师发布教程,辛苦了
zctmh0336 + 8 + 2 好教程

查看全部评分

发表于 2009-7-5 12:55:48 | 显示全部楼层
酷素材
好教程。
有点笔误:“影片剪辑的注册点都被重新定位于距离舞台上方150个像素,距离舞台左边200个像素的位置。”
回复 支持 反对

使用道具 举报

发表于 2010-1-28 00:01:45 | 显示全部楼层
1# cao4811


我来学习了,现在交一个作业上来.鹰是借老师的,.


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2010-2-4 13:17:20 | 显示全部楼层
第一次交作业,试一下是否成功
谢谢老师的教程

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x
回复 支持 反对

使用道具 举报

发表于 2010-2-4 13:18:34 | 显示全部楼层
酷素材
本帖最后由 zctmh0336 于 2010-2-4 15:16 编辑

作业

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2010-2-4 15:17:34 | 显示全部楼层
酷素材
5楼朋友的作业
回复 支持 反对

使用道具 举报

发表于 2010-5-11 16:19:15 | 显示全部楼层
{:1_174:}顶啦 好好学习
回复 支持 反对

使用道具 举报

发表于 2011-1-15 20:20:55 | 显示全部楼层
本帖最后由 fyngli 于 2011-1-15 20:27 编辑

学习了,谢谢老师教程。交个作业。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2011-12-13 11:23:15 | 显示全部楼层
教程真好!谢谢老师!您辛苦了
回复 支持 反对

使用道具 举报

发表于 2011-12-15 16:03:55 | 显示全部楼层
老师多写点教程吧!
回复 支持 反对

使用道具 举报

发表于 2012-3-11 16:12:47 | 显示全部楼层
请大家点评指教,谢谢。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x
回复 支持 反对

使用道具 举报

发表于 2012-11-21 09:25:55 | 显示全部楼层
学习一下!
回复 支持 反对

使用道具 举报

发表于 2012-11-24 13:08:41 | 显示全部楼层
过来学习学习
回复 支持 反对

使用道具 举报

发表于 2012-11-26 10:54:31 | 显示全部楼层
不错  学习了。楼主继续努力!
回复 支持 反对

使用道具 举报

发表于 2013-4-22 08:25:51 | 显示全部楼层

不错  学习了。楼主继续努力!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则