flash自带的10种过渡效果

最新推荐文章于 2019-03-02 20:07:09 发布

原创最新推荐文章于 2019-03-02 20:07:09 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flash #import #照片 #function

ActionScript3.0 专栏收录该内容

5 篇文章

订阅专栏

这篇博客介绍了Flash中包含的10种不同的过渡效果，包括Regular、Strong.easeIn、Back.easeIn和Elastic.easeIn等。每种效果都有其独特的动态表现，如重力感、后退动作和弹性运动。此外，文章还提及了过渡效果的缓动类型，如easeNone、easeIn和easeInOut，并展示了如何配置参数，例如在百叶窗、Fade和Iris过渡效果中的应用。

import fl.transitions.*;
import fl.transitions.easing.*;
function showEffect(showMC) {
       var randomNum:Number = Math.floor(Math.random()*16);
       switch (randomNum) {
       case 0 :
              //横向卷帘
              TransitionManager.start(showMC, {type:Blinds, direction:Transition.IN, duration:2, easing:None.easeNone, numStrips:10, dimension:0});
              break;
       case 1 :
              //纵向卷帘
              TransitionManager.start(showMC, {type:Blinds, direction:Transition.IN, duration:2, easing:None.easeNone, numStrips:10, dimension:1});
              break;
       case 2 :
              //淡入效果
              TransitionManager.start(showMC, {type:Fade, direction:Transition.IN, duration:2, easing:None.easeNone});
              break;
       case 3 :
              //圆形打开
              TransitionManager.start(showMC, {type:Iris, direction:Transition.IN, duration:2, easing:Strong.easeOut, startPoint:2, shape:Iris.CIRCLE});
              break;
       case 4 :
              //淡入闪光
              TransitionManager.start(showMC, {typehoto, direction:Transition.IN, duration:2, easing:None.easeNone});
              break;
       case 5 :
              //棋盘马赛克
              TransitionManager.start(showMC, {typeixelDissolve, direction:Transition.IN, duration:2, easing:None.easeNone, xSections:10, ySections:10});
              break;
       case 6 :
              //向右下侧卷帘
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:1});
              break;
       case 7 :
              //向下卷帘
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:2});
              break;
       case 8 :
              //向左下侧卷帘
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:3});
              break;
       case 9 :
              //各种卷帘
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:4});
              break;
       case 10 :
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:5});
              break;
       case 11 :
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:6});
              break;
       case 12 :
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:7});
              break;
       case 13 :
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:8});
              break;
       case 14 :
              TransitionManager.start(showMC, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:9});
              break;
       default :
              TransitionManager.start(showMC, {type:Fade, direction:Transition.IN, duration:2, easing:None.easeNone});
              break;
       }
}

type：过渡方式
    遮帘过渡 Blinds 使用逐渐消失或逐渐出现的矩形来显示影片剪辑对象。
    淡化过渡 Fade 淡入或淡出影片剪辑对象。
    飞行过渡 Fly 从某一指定方向滑入影片剪辑对象。
    光圈过渡 Iris 使用可以缩放的方形或圆形动画遮罩来显示或隐藏影片剪辑对象。(新出现的图片将只占据屏幕中间)
    照片过渡 Photo 使影片剪辑对象像放映照片一样出现或消失。(出现的时候会突然黑一下)
    像素溶解过渡 PixelDissolve 使用随机出现或消失的棋盘图案矩形来显示或隐藏影片剪辑对象。
    旋转过渡 Rotate 旋转影片剪辑对象。（以屏幕一角为中心旋进）
    挤压过渡 Squeeze 水平或垂直缩放影片剪辑对象(会惯性的超出本身大小一段，然后缩回正常大小)。
    划入/划出过渡 Wipe 使用水平移动的动画遮罩形状来显示或隐藏影片剪辑对象。
    缩放过渡 Zoom 通过按比例缩放来放大或缩小影片剪辑对象。

direction:
    Transition.IN       出现
    Transition.OUT      消失

duration：延迟时间，单位为秒(s)

easing：缓动模式
    None.easeIn          Regular.easeIn          Srong.easeIn           Back.easeIn          Elastic.easeIn
    None.easeInOut     Regular.easeInOut     Srong.easeInOut     Back.easeInOut     Elastic.easeInOut
    None.easeOut        Regular.easeOut       Srong.easeOut      Back.easeOut        Elastic.easeOut

从左到右，即从None到Elastic表示稳固系数，这里给运动的元件附加上一个虚拟的质量

None 很轻，施力就动

Regular 正常，同样施力就动
Srong.easeIn 比较重，需要施加更大的力, 给人的感觉就是动起来很费劲

Back.easeIn 运动之前，有一个向后的动作

Elastic.easeIn 正式运动之前，会前后往复几次

从上到下，即easeNone    没有缓动   (只有None有这个属性)
    easeIn      开始时缓动
    easeInOut   开始和结束时缓动
    easeOut     结束时缓动

另外，每个过渡方式还带有自己独有的参数
    //百叶窗过渡，numStrips为栅栏个数    dimension 0为横向，非0为纵向
    str_array[0] = {type:Blinds, direction:Transition.IN, duration:3, easing:None.easeNone, numStrips:15, dimension:0};
    str_array[1] = {type:Fade, direction:Transition.IN, duration:3, easing:None.easeNone};
    str_array[2] = {type:Iris, direction:Transition.IN, duration:3, easing:None.easeNone, startPoint:5, shape:Iris.CIRCLE};

//棋盘过渡，xSections, ySections 分别为xy方向的方格个数

    str_array[3] = {type:PixelDissolve, direction:Transition.IN, duration:1, easing:None.easeNone, xSections:50, ySections:50};
    //旋转过渡，从屏幕左上角顺时针旋入
    str_array[4] = {type:Rotate, direction:Transition.IN, duration:3, easing:Strong.easeInOut, ccw:false, degrees:180};
    str_array[5] = {type:Zoom, direction:Transition.IN, duration: 3, easing:Back.easeOut}；//从左上角放大图片；

    str_array[6] = {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:1};
    //擦除过渡--左上，startPoint：擦除起始点，下面是1-9对应的位置，注意：5和1的效果一样
                               _______________________________
                            |1、5              2               3|
                            |                                       |
                            |                                 |
                            |                             |
                            |3                                    6|
                            |                                     |
                            |                                 |
                            |                                   |
                            |                                     |
                            |7_______________8____________9|