ActionScript2.0 基于补间动画的进度条

来源:互联网 发布:2017手机淘宝开店教程 编辑:程序博客网 时间:2024/05/16 11:17

初学AS第三天,记录下做的练习题要点,用到补间动画、遮罩、帧播放

题目:创建一个进度条,要求鼠标点击时播放到10%,50%,100%再重头循环

1,在第一层创建一个进度条w:300,H:24,注意位置坐标和长宽;

2,新建一层,在第1帧创建一个矩形(高和进度条的高相等),然后再低100帧创建一个关键帧,将矩形拖到进度条的一端,

     在右边调节其属性使矩形覆盖进度条,再回到第1帧设置矩形的宽为0,坐标和进度条的坐标相等(起始点为0),在2~100

     之间点右键创建补间动画。在第二层的名字后面点击右键选择遮罩(Mask),选择第一层背遮罩。在第1帧写入AS

stop();var counter:Number = 1; 


3,创建新的一层用来存放按钮。

4,再创建一层名取action,用来写入主要AS

click_btn.onRelease = function(){switch (counter){case 1 :_root.gotoAndPlay(1);_root.onEnterFrame = function(){if (_root._currentframe == 10){_root.stop();}};break;case 2 :_root.gotoAndPlay(10);_root.onEnterFrame = function(){if (_root._currentframe == 50){_root.stop();}};break;case 3 :_root.gotoAndPlay(50);_root.onEnterFrame = function(){if (_root._currentframe == 100){_root.stop();//trace("已经加载完成");}};break;case 4:_root.gotoAndStop(1);counter = 1;break;}trace("counter=" + counter);counter += 1;};没有去写优化了,功能实现马上开始新的东西了。


0 0