仓酷云

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

[学习教程] 带来一篇flash as2的缓动类-Flash actionscript

[复制链接]
再见西城 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 20:48:38 | 只看该作者 回帖奖励 |正序浏览 |阅读模式

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

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

x
此版本基于官方简体中文正式版制作,只需要执行一次快速安装即可使用,包含AdobeFlashProfessionalCS5.5、ExtendScriptToolkitCS5.5、PixelBenderToolkit2.6。
poluoluo中心提醒:前我们已学过了怎样本人经由过程onEnterFrame打造缓动效果,想必人人也都实习过。当你正实习得超有成绩感,不亦乐乎的时分,一向在中间崇敬得心悦诚服的路人甲同砚措辞了。
听说,这天下是由懒人制造的。由于其实懒得不肯走路,以是,我们创造了汽车,由于其实懒得不肯意提器材,以是我们创造了起重机;由于其实懒得不肯意盘算,以是,才有了盘算机,其实懒得不肯意写汇编言语,懒人才网往创造了初级言语。由于其实懒得往想怎样做缓动,因而才有了……对了,是flashas2的缓动类。
之前我们已学过了怎样本人经由过程onEnterFrame打造缓动效果,想必人人也都实习过。当你正实习得超有成绩感,不亦乐乎的时分,一向在中间崇敬得心悦诚服的路人甲同砚措辞了。你这做了些啥啊,费半天劲弄出来的效果也太没水准了吧,给俺做个回弹的效果让洒家浏览浏览。固然你内心直打鼓,可是瞥见路人甲同砚朴拙的眼神,仍是激情万丈的上路了。哎,书到用时方恨少啊,谁让俺数学没学好呢,愣是用了九牛二虎之力,也没把这效果做出来。
以是,这时候候你就必要……
对了,专门为懒人筹办的缓动类。
上面我们来看一下怎样使用这个好器材吧。
说到类,有编程基本的人,起首想到的就是面向工具,没有编程基本的人,一定一头雾水。由于本教程次要面临后者,以是先打一下气,实在,类这器材,固然此次我们是第一次盛大提到,但,你实践是一向在跟类打交道。不外你不晓得罢了。即便如今,您也不必要先懂得甚么是类,本节的义务就是告知你怎样利用就好了。
在flashas2.0里边,与缓动相干的有两个类,一个叫tween类,一个叫easing类。有了这两个器材,你就能够作出让路人甲信服的动画了。
利用这两个类之前,我们必需把它加载出去,在程序的第一行写下这两句话:
//导进Tween类
importmx.transitions.Tween;
//导进easing类
importmx.transitions.easing.*;
如许你的程序运转的时分,这两个类就被加载出去。
import是导进类的意义。
尔后面这段mx.transitions.则是这个类寄存的路径。告知flash到那里能够找到这两个类,由于他们是随flash一同安装到你的电脑中的,以是,这个路径是流动的。
固然,你也能够不写这两句话,可是我倡议你写,由于不写的话,你每次提到他们的时分,就必需把他们后面的那一串路经写上。
好比上面如许:
someTweenID=newmx.transitions.Tween(……)
可是有了这两句话,你就复杂了
someTweenID=newTween(……)
这就像你跟你mm谈天,提到路人甲,你mm一定很狐疑的问,是哪一个路人甲啊?以是你必需说,是谁人我看着超等不爽的路人甲。可是假如你一入手下手就告知MM,我如今想和你聊一下谁人让我不爽的路人甲,今后每次提到他的时分,就不必那末贫苦了,间接叫他小甲就好了。
好了,空话又多了。如今我们先来看看第一个类怎样利用。
someTweenID=newTween(object,property,function,begin,end,duration,useSeconds)
先注释一下里边一些参数的意义。
object:是指tween的工具,也就是方针。
property:字符串,也就是说你在用的时分,要把他们用引号引发来,这个是指你要使用效果的属性,好比“_x”、“_y”等。
function:easing缓动范例。(看不懂待会注释)
begin:数值,工具的初始值,也就是缓动一入手下手的值。
end:数值,缓动停止的值。
duration:缓动工夫。
useSeconds:是一个布尔值,决意是用秒仍是用帧数暗示缓动工夫。true暗示利用秒,false用帧数。
看到这里你就晓得,tween类次要就是把持操纵谁、把持甚么、多长工夫的成绩。
至于以何种体例缓动,则是别的一个类的事情:easing
上面我们把easing类拖出来示众。
Back:在一个或两个停止点过渡局限以外的扩大动画,相似于溢出效果
Bounce:在一个或两个停止点过渡局限内到场回弹效果,回弹的几取决于活动历程的工夫,长的工夫回弹的次数就绝对多
Elastic:产生在一个或两个停止点过渡局限外的弹性效果,弹性的力度不熟活动历程工夫的影响
Reguler:在一个或两个停止点上到场加速效果,这个特征能够帮你做出减速后加速的效果
Strong:在一个或两个停止点上到场加速效果,这个效果相似于regular,分歧的在于对照分明
None:在入手下手点到停止点到场匀速活动,没无效果。
假如你看不分明下面的这段申明,也不要发急,持续往下看。
以上提到的是六种效果,而这六种效果,又包括三种过渡体例
easeIn:在过渡的入手下手发生效果,就是说活动一入手下手呈现这类效果。
easeOut:在过渡的停止发生效果,活动要停止的时分呈现这类效果。
easeInOut:在入手下手和停止均发生效果。
好了,说半天都没用,我们仍是上场试一下吧。假如后面的你都看不懂,上场试一下你就分明了。
在库中创建一个影片剪辑。然后在场景中把它加载出去。
this.attachMovie("myMc","myMc",this.getNextHighestDepth(),{_x:20,
_y:100});
看不懂这句话的,归去看本教程第一篇。
然后我们利用tween类来做缓动效果
myBall=newTween(myMc,"_x",Elastic.easeOut,0,300,3,true);
如今我们在注释一下下面这段代码,myMc不必说了,由于你是想让myMc发生缓动效果,以是,这个中央是myMc,_x,经由过程改动x轴的属性值,来完成缓动的效果,固然,出来_x周之外,我们之前提到的那些影片剪辑的属性,都能够拿来用,你偶然间的话,就分离把它们拎出来试一下吧。Elastic.easeOut,这个中央看到了吧?用的就是我们方才提到的easing类,Elastic缓动效果,easeOut过渡体例,他们两个和起来的意义,就是让myMc在活动停止时发生回弹效果。20,影片剪辑从20入手下手活动,300,影片剪辑最初停在300的地位上,2,工夫是2,true,暗示盘算工夫的单元是秒。
我信任不必我说,你已测试了我方才这段代码。如今你能够把我们方才提到的各种效果都试一下,就分明它们也许是甚么感到了。
到这儿人人能够看到,这两个类其实是懒得很知心,起首,它在类中已扫除了轮回,以是,你不再用忧虑轮回扫除的成绩了。其次,假如你做完了一个回弹效果,心爱的客户看到了今后,却说,这个效果看得我头晕,能给我换一个和缓点的吗?这时候候你只必要把Elastic改成Strong或Reguler,别的一种效果就出来了。剩下的工夫,你就能够喝品茗,到雅酷看看教程甚么的,其实是居家游览、泡妞偷懒之必备工具。
先别忙着镇静,接上去,我们再说两个关于缓动类的很有效的器材,第一个是onMotionFinished,这个告知程序,假如缓动停止今后,应当做甚么。假如你不晓得这个函数,可是想做影片剪辑缓动停止今后,弹出提醒告知你停止了,仿佛是很贫苦的一件事变,最少到今朝为止,你的常识面还不敷以让你做出来。可是有了onMotionFinished,统统都变得很复杂了。
接着下面的代码,持续写:
myBall.onMotionFinished=function(){
trace("缓动停止了!");
}
看一看甚么效果。对了,这里顺带先容一下trace的感化,trace的感化就是在测试的时分,在输入面板输入()内的内容,你方才已看到了它的感化,今后我们还会常常用它来测试我们的程序。
除onMotionFinished,另有一个办法,可使你的活动接着向别的一个偏向运转,这个办法叫做continueTo();它里边有两个参数,第一个参数是下一个方针点,第二个参数是运转工夫,相称于tween里边的finish,duration,我们仍是来现场试一下,就分明了。
把下面的代码改成
myBall.onMotionFinished=function(){
myBall.continueTo(400,2);
}
你能够看到,影片剪辑在300的地位停下今后,又即刻入手下手了新的缓动,挪动到400,工夫是2秒钟。
有了如许的一种办法,关于打造一连的缓动,你必定就成竹在胸了。
最初,我决意再先容一个好玩的办法,它的名字叫yoyo();这个办法究竟是做甚么的,我就不说了,你们能够本人试一下,然后,你就晓得它为何叫这个名字了。
好了,关于缓动,我们就说到这里吧,基础上有这些器材,一样平常页面里的缓动效果,对你来讲应当都不在话下了。下次,我们就应当说一下交互的成绩了。
交互才是as的真正精华地点,说白了,如果没有交互,学as程序做甚么,关头帧不是都能弄定吗?心爱的路人甲一定会这么问你的。以是,让我们用交互堵上他的嘴吧。

借助令人兴奋的全新3D平移和旋转工具,通过3D空间为2D对象创作动画,您可以沿x、y、z轴创作动画。
因胸联盟 该用户已被删除
9#
发表于 2015-3-23 23:11:06 | 只看该作者
flash 有这么多的优势,那么它的优缺点和设计方面的关系是什么?
乐观 该用户已被删除
8#
发表于 2015-3-17 05:07:54 | 只看该作者
Flash流行的主要原因是它使用了矢量图形(与位图相反)。因为这种图形格式比位图小得多,而且在缩放时对图形质量影响不大,所以很适合对带宽要求很高的Web。
简单生活 该用户已被删除
7#
发表于 2015-3-10 04:09:53 | 只看该作者
不过,要说国内在FLASH动画领域做的比较出色的,公认的是广州形动数码科技。
山那边是海 该用户已被删除
6#
发表于 2015-2-28 15:39:03 | 只看该作者
流技术让用户在下载的同时看到动画(与全部下载后再观看相反)。但是这也不是什么新技术 - Web一出现就有这种技术了。
飘飘悠悠 该用户已被删除
5#
发表于 2015-2-10 01:34:28 | 只看该作者
不能制作色彩丰富变化的图像,核心竞争力小,而且有一定的局限性。要想制作优秀的动画,就要充分了解软件的优点和缺陷。
再见西城 该用户已被删除
地板
 楼主| 发表于 2015-2-4 13:51:21 | 只看该作者
Flash也支持alpha通道,这会使设计者高兴。没有太多的技术性,alpha通道是附加在图像上的信息 - 允许图像以不同的方式渲染。
小女巫 该用户已被删除
板凳
发表于 2015-1-25 23:26:18 | 只看该作者
专业的建筑动画、产品动画、角色动画、flash动画、游戏美工等全方位服务的创意动漫公司。十年专业的动漫制作经验,为政府、企业等制作出无数优秀的创意动画设计产品。
不帅 该用户已被删除
沙发
发表于 2015-1-17 14:29:22 | 只看该作者
不能设置“alt”属性,失去了一次被搜说引擎检索到的机会。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 02:42

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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