AS3基础教程-第63课-图片过渡小程序(上)

 时间:2026-02-15 17:57:16

1、打开flashCS6,新建一个AS3的flash文档,修改舞台的分辨率为800×600,其它属性保持默认

2、向库内导入多张图片,图片的分辨率都是800×600

3、插入一个影片剪辑元件(Ctrl+F8),然后将库内的图片分别放入该影片剪辑的不同关键帧之内,设置其xy坐标都为0,然后在影片剪辑的第一帧加代码

stop()

4、在库面板内,给影片剪辑元件设置AS链接为pic_mc

5、进入主场景,选中第一帧,准备写代码

1、1.首先,必须导入所需的类

AS3基础教程-第63课-图片过渡小程序(上)

2、为了方便整体调整,我们将所有的图片都置入一个虚拟的容器内,然后将该容器显示在舞台上。

AS3基础教程-第63课-图片过渡小程序(上)

3、现在,我们需要将库内的影片剪辑加载到舞台上并显示:

AS3基础教程-第63课-图片过渡小程序(上)

4、我们将要对这个影片剪辑设置动画方式,我想给其随机设置九种动画方式(除了Rotate动画之外的九种,因为Rotate默认是以注册点为中心进行旋转,而我们的注册点都在图片的左上角,会影响观感)中的某一种,故此,先定义一个数组,内含九种动画方式:

AS3基础教程-第63课-图片过渡小程序(上)

5、现在就可以给这个影片剪辑设置TransitionManager动画了:

AS3基础教程-第63课-图片过渡小程序(上)

6、现在,我们需要实现多张图片连续切换的效果,那么,必须知道共有多少张图片,还需要知道当前显示的图片是哪一张,故此,需要定义两个变量。图片的总个数,可以直接调用mymc的总帧数

AS3基础教程-第63课-图片过渡小程序(上)

7、现在,需要使用计时器函数并注册侦听,才可以实现图片连续切换的效果:

AS3基础教程-第63课-图片过渡小程序(上)

8、将主体部分补充完整:

AS3基础教程-第63课-图片过渡小程序(上)

9、测试影片看看效果吧

  • AS3基础教程-第64课-图片过渡小程序(下)
  • AS3基础教程-第27课-按钮切换画面小程序(上)
  • AS3基础教程-第55课-计时器小程序(上)
  • AS3基础教程-第28课-按钮切换画面小程序(下)
  • AS3基础教程-第56课-计时器小程序(中)
  • 热门搜索
    去头皮屑最好的方法 治疗脂肪肝最佳方法 干咳嗽怎么办 肘子的家常做法 水培风信子的养殖方法 打六折怎么算 太熟悉家常菜 腱鞘囊肿最佳治疗方法 高考落榜怎么办 栀子花的养殖方法和注意事项