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

初学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;
	
};
没有去写优化了,功能实现马上开始新的东西了。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值