首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > Flash教程 > 正文
Google
AS3.0中Tween类的基础
来源:68design.net社区 作者:☆McQueen☆ 2008年06月11日 08:58 网友评论:0条 点击:
 
写个关于ActionScript3.0 中的Tween类的小教程吧,还是抛砖引玉,偷摸追赶一下潮流。(个人认为AS3.0是以后支持互动设计的主流技术)
说道Tween类,看字面的意思就是实现补间动画的。在Flash CS3中,Adobe已经为大家开发好了一套可以轻松实现运动效果的类。这套类包位于fl.transition.*中。其实,这些包
中的类效果的原理都是监听ENTER_FRAME事件的。在动画播放时,按帧频改变目标的属性,从而产生动画的效果。
负责动画的核心类是Tween类。
我们看一些Tween类的构造函数:
Tween(obj:Object, prop:String, func:Function, begin:Number, finish:Number, duration:Number, useSeconds:Boolean = false)
这些参数依次代表着:
1.要制作动画的对象
2.要改变对象的属性,注意这个值为字符串
3.要用何种方式去用程序补间上诉属性的动画
4.对象属性的初始值(程序开始补间的初始值)
5.对象属性的终端值(程序要补间到的最终值)
6.这段补间动画持续的时间
7.设定动画持续的时间是按帧计算(useSeconds = false),还是按秒计算(useSeconds = true),默认值是使用帧数计算
Tween对象一旦初始化,动画就开始了。Tween类补间的动画可以触发6种事件。最常用的因该是TweenEvent.MOTION_FINISH。动画已结束,就会触发这个事件。
下面是AS3.0的源代码:
import flash.display.Sprite;
import fl.transitions.Tween;
import fl.transitions.easing.Elastic;
import fl.transitions.TweenEvent;
var mySprite:MovieClip = new Symbol();
this.addChild(mySprite);
var xTween:Tween = new Tween(mySprite, "x", Elastic.easeOut, 100, 200, 2 , true);
xTween.addEventListener(TweenEvent.MOTION_FINISH, continueMove);
function continueMove(evt:TweenEvent):void {
var tmpTween:Tween = evt.target as Tween;
if (mySprite.x > 300) {
  tmpTween.yoyo();
} else {
  tmpTween.continueTo(mySprite.x + 50, 1);
}
}
上诉代码没有说道的地方,请新手们都查帮助文档,问题尽量自己解决。本人愚钝,这教程其实只是引导刚开始学AS3.0的新人们多看帮助文档而已~~
源文件在附件中...
 
上一篇:单个图片角色动作化处理(as2)   下一篇:巧用Point类计算矢量
收藏此页】【打印】【关闭
 相关文章  我要点评
·拥有重力的弹性小球(as3.0)
·AS3.0中的位图扭曲变形
·通过实例学习AS3.0(六)
·通过实例学习AS3.0(五)
·通过实例学习AS3.0(四)
·通过实例学习AS3.0(三)
·通过实例学习AS3.0(二)
·通过实例学习AS3.0

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】