flash自带的10种过渡效果

来源:互联网 发布:windows 10 iot core 编辑:程序博客网 时间:2024/05/16 09:02
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|