Flash教程:10类ActionScript过渡效果演示及代码整理

2016-01-29 12:31 8 1 收藏

Flash教程:10类ActionScript过渡效果演示及代码整理,ActionScript 提供了10类过渡效果,即遮帘过渡、淡化过渡、飞行过渡、光圈过渡、照片过渡、溶解过渡、旋转过渡、挤压过渡、划入/划出过渡、缩放过渡,虽然表面上看和利用遮罩完成的过渡效果没有区别,但从本质上是有很大的区别的,并且利用时要比使用遮罩完成的效果简单而有效,因此,特整理以下供大家参考。

【 tulaoshi.com - Flash 】

本文由中国 明月竹影 原创,转载请保留此信息!

先看看效果吧:

ActionScript 提供了10类过渡效果,即遮帘过渡、淡化过渡、飞行过渡、光圈过渡、照片过渡、溶解过渡、旋转过渡、挤压过渡、划入/划出过渡、缩放过渡,虽然表面上看和利用遮罩完成的过渡效果没有区别,但从本质上是有很大的区别的,并且利用时要比使用遮罩完成的效果简单而有效,因此,特整理以下供大家参考。[next]

 

1.遮帘过渡

 使用逐渐消失或逐渐出现的矩形来显示影片剪辑对象。向内容目标影片剪辑 img1_mc 应用“遮帘过渡”。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Blinds, direction:Transition.IN, duration:2, easing:None.easeNone, numStrips:10, dimension:0});
numStrips,“遮帘”效果中的遮罩条纹数。建议的范围是 1 到 50。
dimension,一个整数,指示遮帘条纹是垂直的 (1) 还是水平的 (0)。
duration,一个整数,指完成过渡的时间(单位为秒)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 2.淡化过渡

 淡入或淡出影片剪辑对象。向内容目标影片剪辑 img2_mc 应用“淡化过渡”。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img2_mc, {type:Fade, direction:Transition.IN, duration:3, easing:None.easeNone});
Duration,一个整数,指完成过渡的时间(单位为秒)。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 3.飞行过渡

 从某一指定方向滑入影片剪辑对象。向内容目标影片剪辑 img3_mc 应用“飞行过渡”。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img3_mc, {type:Fly, direction:Transition.IN, duration:3, easing:Elastic.easeOut,  startPoint:8});
startPoint,一个指示起始位置的整数;范围是 1 到 9:
左上,1;上中,2;右上,3;左中,4;中心,5;右中,6;左下,7;下中,8;右下,9。
duration,一个整数,指完成过渡的时间(单位为秒)。
easing:Elastic.easeOut,有缓动效果,没有Elastic.easeOut选项时无缓动效果。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 4.光圈过渡

 使用可以缩放的方形或圆形动画遮罩来显示或隐藏影片剪辑对象。向内容目标影片剪辑 img4_mc 应用“光圈过渡”。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img4_mc, {type:Iris, direction:Transition.IN, duration:5, easing:Strong.easeOut, startPoint:5, shape:Iris.CIRCLE});
startPoint,一个指示起始位置的整数;范围是 1 到 9:
左上,1;上中,2;右上,3;左中,4;中心,5;右中,6;左下,7;下中,8;右下,9。
shape,值为 mx.transitions.Iris.SQUARE(方形)或 mx.transitions.Iris.CIRCLE(圆形)的遮罩形状。
duration,一个整数,指完成过渡的时间(单位为秒)。
easing:Strong.easeOut,具有“强制”缓动,无easing:Strong.easeOut选项时无缓动

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 5.照片过渡

 使影片剪辑对象像放映照片一样出现或消失。向内容目标影片剪辑 img5_mc 应用“照片”过渡。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start (img5_mc, {type:Photo, direction:Transition.IN, duration:3, easing:None.easeNone});
duration,一个整数,指完成过渡的时间(单位为秒)。

[next]

 6.溶解过渡

 使用随机出现或消失的棋盘图案矩形来显示或隐藏影片剪辑对象。向内容目标影片剪辑 img6_mc 应用“溶解”过渡。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img6_mc, {type:PixelDissolve, direction:Transition.IN, duration:3, easing:None.easeNone, xSections:20, ySections:20});
xSections,一个整数,指示沿水平轴的遮罩矩形部分的数目。建议的范围是 1 到 50。
ySections,一个整数,指示沿垂直轴的遮罩矩形部分的数目。建议的范围是 1 到 50。
duration,一个整数,指完成过渡的时间(单位为秒)。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  7.旋转过渡

 旋转影片剪辑对象。向内容目标影片剪辑 img7_mc 应用“旋转”过渡。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img7_mc, {type:Rotate, direction:Transition.IN, duration:3, ccw:false, degrees:180});
ccw,一个布尔值:对于顺时针旋转为 false;对于逆时针旋转为 true。
degrees,一个整数,指示对象要旋转的度数。建议是范围是 1 到 9999。例如,degrees 设置为 1080 时,会将对象完全旋转三次。
duration,一个整数,指完成过渡的时间(单位为秒)。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 8.挤压过渡

 水平或垂直缩放影片剪辑对象。向内容目标影片剪辑 img8_mc 应用“挤压”过渡。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img8_mc, {type:Squeeze, direction:Transition.IN, duration:3, dimension:0});
dimension,一个整数,指示“挤压”效果应是水平的 (1) 还是垂直的 (0)。
duration,一个整数,指完成过渡的时间(单位为秒)。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

 9.划入/划出过渡

 使用水平移动的动画遮罩形状来显示或隐藏影片剪辑对象。向内容目标影片剪辑 img9_mc 应用“划入/划出”过渡。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img9_mc, {type:Wipe, direction:Transition.IN, duration:3, easing:None.easeNone, startPoint:1});
startPoint,一个整数,指示开始位置。范围是 1 到 4 和 6 到 9:
左上,1;上中,2;右上,3;左中,4;右中,6;左下,7;下中,8;右下,9。
duration,一个整数,指完成过渡的时间(单位为秒)。

 10.缩放过渡

通过按比例缩放来放大或缩小影片剪辑对象。向内容目标影片剪辑 img10_mc 应用“缩放”过渡。
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img10_mc, {type:Zoom, direction:Transition.IN, duration:3});
duration,一个整数,指完成过渡的时间(单位为秒)。
应用非常简单,复制以上相应的AS到需要过渡的帧处即可,并修改MC的名称。
具体可查看原文件。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

与本文相关讨论请到这里与作者交流:http://bbs.jcwcn.com/viewthread.php?tid=158409

来源:http://www.tulaoshi.com/n/20160129/1486439.html

延伸阅读
标签: FLASH flash教程
poluoluo核心提示:剪贴板是一个软件设备,它用来暂时存贮数据,以及通过复制粘贴实现数据在文档之间的移动。 这个快速教程,我们将用Flash制作一个复制键。 剪贴板是一个软件设备,它用来暂时存贮数据,以及通过复制粘贴实现数据在文档之间的移动。 这个快速教程,我们将用Flash制作一个复制键。 最终的动画 下面的例子将是我们在这个教...
标签: FLASH flash教程
本例继续讲解AS的基础知识,今天我们来学习Flash AS入门系列教程第七课:影片剪辑第11节三角函数,Math类为我们提供了很多数学计算函数,今天我们来了解一下三角函数,对Flash的AS编程有兴趣的朋友可以到论坛与作者交流。 上一篇文章:Flash as入门(16):用AS绘制各种图形 三角函数 Math类为我们提供了很多数学计算函数,今天我们来了解一下...
标签: FLASH flash教程
当要运算两点距离时,我见不少人都是用最原始的运算方法,其实2.0开始就有了Point类,可以计算两点间距离TuLaoShi.com,除此之外,Point类还可用于计算矢量,某些看似复杂的计算,用上Point类就会变得简单。当然,要巧用Point类,必需要有矢量的知识。虽然,3.0的Point类和2.0的区别不大,但我之所以把这帖放在as3讨论区,是因为as3的Point类广...
标签: FLASH flash教程
poluoluo核心提示:可使用ColorTransform 类调整显示对象的颜色值。可以将颜色调整或颜色转换应用于所有四种通道:红色、绿色、蓝色和 Alpha 透明度。 ColorTransform 首先,我们要知道,一个颜色由四个通道组成:红、绿、蓝和alpha通道(这个alpha通道在PS里我不知道对应哪个),他们的十六进制颜色值分别为: 红:0xffff0000   &...
标签: flash教程
Flash入门途径 下面我的说每一个问,请你都不要跳过,不管您用什么手段,必须一个个吃透,否则欲速则不达。 1、三种图层 图层:和Photoshop的图层差不多。 导向层:不仅可以导向Motion动画,还有参考层的作用(这个功能用的人就不多了)。 蒙板层:蒙板层有图像的地方,它下面那层的内容才可显示,有点象3DS MAX里的蒙板...

经验教程

402

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部