仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 910|回复: 7
打印 上一主题 下一主题

[学习教程] 来看看:Flash as进门(13):用AS代码完成过渡-Flash actionscript

[复制链接]
乐观 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 20:52:57 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用AdobeActionScript3.0开发高级的交互式项目。设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。
本例持续解说AS的基本常识,明天我们来进修FlashAS进门系列教程第七课_影片剪辑第七节:用AS代码完成过渡,教程解说了遮帘过渡、淡化过渡、航行过渡、光圈过渡、照片过渡、像素消融过渡、扭转过渡、挤压过渡、划进/划出过渡、缩放过渡的制造,对Flash的AS编程有乐趣的伴侣能够到论坛与作者交换。
上一篇文章:Flashas进门(12):利用遮罩Mask
用AS完成过渡效果
效果演示:


经由过程TransitionManager类,您能够敏捷将使人印象深入的过渡动画效果使用于影片剪辑。TransitionManager为我们供应了10种过渡效果。上面来看看如何利用TransitionManager类来完成过渡效果。
要完成过渡效果,为编写代码更加便利起首必要导进一切mx.transitions类和一切mx.transitions.easing类:
importmx.transitions.*;
importmx.transitions.easing.*;
在导进下面两个类今后,就能够利用TransitionManager类的start()办法将过渡效果使用于影片剪辑上。
格局:TransitionManager.start(影片剪辑称号,{type:过渡范例,direction:偏向,duration:过渡所所需的工夫,easing:缓动效果,各类过渡效果所需的参数});
start()办法参数的申明:
影片剪辑称号:就是要使用过渡效果的MC的实例称号。
过渡范例:下面已提到共有10种过渡效果,这里填上要用的过渡效果称号。上面将分离先容这十种效果。
direction:偏向:即过渡是进进仍是加入。能够用两个值:Transition.IN和Transition.OUT
duration:过渡所所需的工夫:一样平常一个过渡几秒就够了吧,经常使用3-5。
easing:缓动效果:在过渡效果中能够为过渡效果增加缓动效果,有关缓动效果前面将专门先容,这里先先容一个值,我们才好测试过渡效果。None.easeNone用这个值,就是不必缓动效果。
各类过渡效果所需的参数:除下面的的参数外,每种过渡效果大概另有自已的参数,那末就跟在前面就好了。
有了下面的先容,我们已对TransitionManager类有了一个也许的熟悉,上面我们来先容这十种过渡效果,并用实习来完成它,如许我们便能把握TransitionManager的使用了。
遮帘过渡:Blinds
这个是甚么效果呢?笔墨说不分明,自已看吧,就这个效果:

参数

numStrips,"遮帘"效果中的遮罩条纹数。倡议的局限是1到50。
dimension,一个整数,唆使遮帘条纹是垂直的(0)仍是程度的(1)。
上面我们来制造这个效果:
1.新建flash文档,导进一张图片到舞台,翻开对齐面板,宽高婚配,居中对齐。
2.点中图片:将其转换为MC,实例称号为:img1_mc.,在第50帧拔出帧。
3.点第1帧,右键翻开举措面板,输出以下代码:
importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Blinds,irection:Transition.IN,duration:2,easing:None.easeNone,numStrips:10,dimension:0});

测试影片,怎样?看到效果了吧。

这些代码不必注释了吧。

淡化过渡:Fade
效果:

制造办法跟后面一样,只是把代码改成:
importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Fade,direction:Transition.IN,duration:3,easing:None.easeNone});
这个过渡跟下面的过渡对照起代码分歧的是,下面的过渡自已有两个参数,而这个过渡则没有自已的参数。
如今你大概已感到到用代码完成的过渡效果比自已在计设情况中往设通明度,做遮罩要复杂很多。空话,要不我在这废这么多口舌干啥呢?持续往下看吧,好器材还多呢。



航行过渡:Fly
效果:

参数:startPoint,一个唆使肇端地位的整数;局限是1到9:
左上,1;上中,2;右上,3;左中,4;中央,5;右中,6;左下,7;下中,8;右下,9。
代码:importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Fly,direction:Transition.IN,duration:3,easing:None.easeNone,startPoint:9});
这里最初又跟了一个自带的参数,你能够改动一下这个参数,让图片从分歧的偏向飞进。

光圈过渡:Iris

效果:


参数:startPoint,一个唆使肇端地位的整数;局限是1到9:
左上,1;上中,2;右上,3;左中,4;中央,5;右中,6;左下,7;下中,8;右下,9。
shape,值为Iris.SQUARE(方形)或Iris.CIRCLE(圆形)的遮罩外形
代码:importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Iris,direction:Transition.IN,duration:2,easing:None.easeNone,startPoint:5,shape:Iris.CIRCLE});



照片过渡:Photo
效果:

代码:importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Photo,direction:Transition.IN,duration:1,easing:None.easeNone});



像素消融过渡:PixelDissolve
效果:

参数:xSections,一个整数,唆使沿程度轴的遮罩矩形部分的数量。倡议的局限是1到50。
ySections,一个整数,唆使沿垂直轴的遮罩矩形部分的数量。倡议的局限是1到50。
代码:importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:PixelDissolve,direction:Transition.IN,duration:2,easing:None.easeNone,xSections:10,ySections:10});

扭转过渡:Rotate

效果:


参数:ccw一个布尔值:关于顺时针扭转为false;关于逆时针扭转为true。
degrees,一个整数,唆使工具要扭转的度数。倡议是局限是1到9999。比方,degrees设置为1080时,会将工具完整扭转三次。
代码:importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Rotate,direction:Transition.IN,duration:3,easing:None.easeNone,ccw:false,degrees:720});



挤压过渡:Squeeze
效果:

参数:dimension,一个整数,唆使"挤压"效果应是程度的(0)仍是垂直的(1)。
代码:importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Squeeze,direction:Transition.IN,duration:2,easing:None.easeNone,dimension:1});

划进/划出过渡:Wipe

效果:


参数:startPoint,一个整数,唆使入手下手地位。局限是1到4和6到9:
左上,1;上中,2;右上,3;左中,4;右中,6;左下,7;下中,8;右下,9。
代码:importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Wipe,direction:Transition.IN,duration:2,easing:None.easeNone,startPoint:1});



缩放过渡:Zoom
效果:

代码:importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Zoom,direction:Transition.IN,duration:2,easing:None.easeNone});

以上是十种过渡效果,你能够变动个中的参数,以完成分歧的效果,同时你也能够调剂图片MC的注册点,也大概呈现分歧的效果。

下面的easing参数我们全用的是None.easeNone,即不利用缓动效果,在这里你能够变动这个参数将缓动效果使用于过渡效果中。不外我经测试,加上缓动效果后,良多过渡效果得到原味,不是很幻想,我不提昌在过渡中利用缓动效果,但这必竟是我团体的定见,因而缓动效果还得先容,况且下节课还要用到它的,上面再说说缓动效果。



关于缓动类和办法:
Flash供应了五个缓动类,每一个缓动类都有三个办法,这些办法唆使过渡动画的以下哪一部分使用缓动效果:在动画的入手下手、开头或入手下手和开头。别的,带有easeNone办法的None缓动类可用于唆使未利用缓动。
下表形貌了这6个缓动盘算类。
缓动类形貌
Back在过渡局限外的一端或两头扩大动画一次,以发生从其局限外回拉的效果。
Bounce在过渡局限的一端或两头内增加弹跳效果。弹跳数与延续工夫相干,延续工夫越长,弹跳数越多。
Elastic增加一端或两头超越过渡局限的弹性效果。弹性量不受延续工夫影响。
Regular在一端或两头增加较慢的活动。此功效使您可以增加减速效果、加速效果或这两种效果。
Strong在一端或两头增加较慢的活动。此效果相似于Regular缓动类,但它更分明。
None增加从入手下手到开头无任何加速或减速效果的不异的活动。此过渡也称为线性过渡。
这6种缓动盘算类的每种都有三个缓动办法,它们指明缓动效果使用于动画的哪一个部分。别的,None缓动类另有第四个缓动办法:easeNone。
下表中形貌了这些缓动办法:
办法形貌
easeIn在过渡的入手下手供应缓动效果。
easeOut在过渡的开头供应缓动效果。
easeInOut在过渡的入手下手和开头供应缓动效果。
easeNone指明不利用缓动盘算。只在None缓动类中供应。
上面我们来看看利用办法。


用法:在过渡效果中:
TransitionManager.start()办法的easing:参数用这个值:缓动类名.缓动办法
好比在下面的过渡效果中我们利用了:easing:None.easeNone暗示没有效缓动。看下面两个表,能够看出,None是缓动类名,easeNone是类的办法。
上面将下面的缩放过渡的easeing参数改一下用Bounce类的easeOut办法让图片缩小后发生一个弹跳的举措:

代码为:
importmx.transitions.*;
importmx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Zoom,direction:Transition.IN,duration:2,easing:Bounce.easeOut});
你能够将这个代码与下面的缩放过渡代码对照一下。
别的的过渡效果,就由你自已往实验了。


本课功课:完本钱节开首的图片转场效果。

制造倡议:将十种过渡效果按下面先容的办法分离做成MC,并在第50帧上输出:stop();。在主场景第1层放一张背景图片,从第2层入手下手每隔50帧放一个做好的MC并延伸100帧,每层只放1个MC。如第2层第1帧放1个,第100帧拔出帧,第3层第51帧放1个,第150帧拔出帧,以此类推。


flash动画制作软件的界面没有太大的改变,只是在以前的属性面板右侧增加了两个新的选项“参数”和“滤镜”。
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-17 14:52:14 | 只看该作者
alpha通道,图像的一部分可以变成透明,透明度可以从完全不透明到完全不可见。Alpha通道支持没有副作用。
变相怪杰 该用户已被删除
板凳
发表于 2015-1-26 17:28:01 | 只看该作者
随着动漫发展趋势,我国也越来越重视动漫产业的发展,各种制作动画软件应运而生,其中flash比较突出。
飘飘悠悠 该用户已被删除
地板
发表于 2015-2-4 21:42:27 | 只看该作者
Rich Media并不是一种具体的互联网媒体形式,而是指具有动画、声音、视频和/或交互性的信息传播方法。 
因胸联盟 该用户已被删除
5#
发表于 2015-2-10 21:41:25 | 只看该作者
它包含了下列常见的形式之一或者几种的组合:流媒体、声音、Flash、以及Java、Javascript、DHTML等程序设计语言。  
飘灵儿 该用户已被删除
6#
发表于 2015-3-1 17:01:39 | 只看该作者
原始动画为单纯的手绘,累而且费时耗资严重,随着科技的发展应运而生了很多制作动画的软件,然而flash在各个方面的应用尤为广泛,作用最为突出,具有一定的影响力。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-10 23:36:34 | 只看该作者
而作为富媒体营销概念中的重要手段,很长一段时间,或者说,在未来,富媒体技术的不断完善,Flash动画广告的优势会越来越明显。
冷月葬花魂 该用户已被删除
8#
发表于 2015-3-17 17:09:55 | 只看该作者
还有,艺术上的优势——各异的风格;创作手法独特;独立性和原创性;拓展出新的表达空间;
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 16:10

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表