TransitionManager动画过渡.pptVIP

TransitionManager 动画过渡 此类可以做10种动画效果，很方便。 准备工作： 做两个图层，每个图层挂一幅图片。把图层2上的图片转换为影片剪辑，取实例名称为pic_mc 再添加一个图层3做代码。代码成功以后可以把图层2上的图片和图层3上的代码复制到一个影片剪辑中，再把影片剪辑挂在主时间轴上的图层2上，把图层3删除。 代码有两种格式。 格式1： import fl.transitions.*; import fl.transitions.easing.*; TransitionManager.start(影片剪辑实例名,{动画类型和参数表}) 格式2： import fl.transitions.*; import fl.transitions.easing.*; var 动画实例名: TransitionManager=new TransitionManager(影片剪辑实例名); 动画实例名.startTransition({动画类型和参数表}) 方法1和方法2效果一样，但方法1写法更简洁。 不同的【动画类型】有不同的【参数表】。 一、百叶窗（遮帘过渡）动画效果 动画类型和参数表如下： {type:Blinds,direction:Transition.IN,duration:2,easing:None.easeNone,munStrips:10,dimension:0} 动画类型和动画参数表是个整体 ，是个Objeic对象，而要用大括弧括起来。 type:Blinds 表示动画类型为百叶窗 direction:Transition.IN 动画方向为进入 direction:Transition.OUT动画方向为退出 duration:2 动画时间为2秒 easing:None.easeNone 设置动画的补间效果，没有其它的额外效果 munStrips:10 百叶窗的叶片数量为10 dimension:0 水平百叶窗 dimension:1 垂直百叶窗 在图层3上写代码： 如果把代码修改一下，效果也会不同： 实作138：用TransitionManager类做百叶窗动画效果 要求和步骤： 1、先在新建FLA文档中导入三张图片。 2、把图层1的第一帧上挂一张图片，在图层2的20帧处挂第二张图片，并且把此图层转换为影片剪辑，在属性框中取实例名称为pic2_mc。 3、在图层3的20帧添加上的挂代码,让图片2做1秒种的垂直百叶窗进入。 4、在图层1的30帧~35帧之间插入一个空白关键帧，挂第三张图片。 5、在图层3的第40帧处插入一个空白关键帧，写代码让图层2上的图片做2秒横向百叶窗退出。 二、淡入淡出 实作139：用TransitionManager类做淡入淡出动画效果 淡入淡出动画效果就是渐进渐出动画效果。 基本代码如下： import fl.transitions.*; import fl.transitions.easing.*; TransitionManager.start(pic_mc,{type:Fade,direction:Transition.IN,duration:4,easing:Strong.easeOut}) 注释： type:Fade 表示淡入淡出动画效果 direction:Transition.IN 表示淡入 direction:Transition.OUT 表示淡出 duration:4 动画过渡4秒 easing:Strong.easeOut 动画先快后慢 easing:Strong.easeIn 动画先慢后快 easing:Strong.easeInOut 先慢后快再慢 不要easing参数，实际测试动画速度恒定值。 步骤和要求： 1、在图层1上挂图层1，延伸到120帧。 2、在图层2的15帧上挂图层2，延伸到120帧。 3、在图层3的15帧处写以下代码，让图层2淡入画面： 4、在图层3的90帧处插入一个空白关键帧，写以下代码让图层2淡出画面。 三、像素溶解过渡PixelDissolve动画效果 基本动画参数： {type:PixelDissolve,direction:transition.IN,duration:2,easing:Regular.easeIn,xSections:15,ySections:10} 注释： type:PixelDissolve 像素溶解动画效果 easing:Regular.easeIn 矩形广场进入画面 easing:Regular.easeOut 矩形广场退出画面 xSections:15 横向15个矩形块 ySections:10 纵向10个矩形块 实作140：用TransitionMan