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|
- flash自带的10种过渡效果
- IE自带的网页过渡特效
- IE自带的网页过渡特效
- 带CSS3过渡效果的模态窗口js插件
- 积少成多Flash(10) - Flex 3.0 状态转换(State), 状态转换的过渡效果(State Transition), 自定义鼠标指针
- Flash页面过渡效果之百叶窗
- CSS3的过渡效果
- Vue的过渡效果
- Vue的过渡效果
- CSS3的过渡效果
- iOS自带的毛玻璃的效果
- ios7自带的晃动效果
- ios自带的动画效果
- android自带抽屉效果的实现
- TextView 自带的跑马灯效果
- 屏蔽GridView自带的点击效果。
- ios自带的模糊效果
- Jquery自带的弹出框效果
- 创业并快乐着的六个习惯
- 引用变量
- 小内存VPS优化-nginx,php,mysql
- Aprior算法简化算法——FP-Tree思想与实现
- GoldenDict万能词典
- flash自带的10种过渡效果
- POJ 3107 - Godfather
- [原创+源码]超简单:基于jQuery实现的选项卡(滑动门)效果
- 雁过也,月满西楼
- 句子翻转
- HDU 1166 点更新段查询线段树
- Linux卸载软件方法汇总
- POJ 3669 - Meteor Shower
- extern "C"的作用