原创设计 · PhotoShop · AI/CD · Fireworks · AutoCAD · 3DMAX · Flash · 网页教学 · 高精图库 · 笔刷滤镜 · 矢量素材 · 图片素材 · 模板素材 · 会员相册
加入VIP,下载精美素材 · 原创设计欣赏第七期· QQ空间代码 · QQ空间代码 · QQ空间站· 非主流图片 · QQ头像 · 繁体字非主流图片 · QQ个性签名 · QQ空间播放器

2009年最新设计图书素材低价热销
设计优秀作品第九期/新手学习贴
加入VIP,即送3000缘分币,每月500
 下载素材,加入VIP,享受更多权限
发新话题
打印

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

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

作者:明月竹影  来源:中国教程网论坛

先看看效果吧:

≯全屏显示或下载≮



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

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,一个整数,指完成过渡的时间(单位为秒)。

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,一个整数,指完成过渡的时间(单位为秒)。

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选项时无缓动效果。

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选项时无缓动

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,一个整数,指完成过渡的时间(单位为秒)。

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,一个整数,指完成过渡的时间(单位为秒)。

  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,一个整数,指完成过渡的时间(单位为秒)。

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,一个整数,指完成过渡的时间(单位为秒)。

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的名称。
具体可查看原文件。




加入论坛VIP,下尽您想要的素材,点击进入!

如果您在做图或者看教程(PHOTOSHOP方面),遇到任何问题请到问题交流区提问,地址:http://www.missyuan.com/forum-41-1.html;我们会在第一时间帮助您解决问题,如果在教程后面跟帖,一律不给予解决!~


TOP

还不错呢
不过按钮处理上好像有点问题
按同一个按钮会出现不同的过渡效果




TOP

发新话题



关于本站 广告服务 联系我们 版权隐私 合作站点 网站地图 免责申明 管理团队

Powered by Discuz!6.0.0 Copyright © 2008 www.missyuan.com All rights reserved.