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
- ActionScript2.0 基于补间动画的进度条
- 【ActionScript】ActionScript2.0的Helloworld
- 补间动画的实现
- 补间动画的bug
- 补间动画的实现
- 补间动画的实现
- 补间动画的实现
- 补间动画的实现
- 补间动画的原理
- 补间动画的透明度动画
- 动画----补间动画
- Android的帧动画、补间动画、属性动画
- 帧动画,补间动画,属性动画的区别
- 基于CAShapeLayer和贝塞尔曲线的圆形进度条动画【原创】
- 基于CAShapeLayer和贝塞尔曲线的圆形进度条动画
- 基于CAShapeLayer和贝塞尔曲线的圆形进度条动画
- 基于CAShapeLayer和贝塞尔曲线的圆形进度条动画【原创】
- 基于CAShapeLayer和贝塞尔曲线的圆形进度条动画【转载】
- Quartz时间配置规则
- 字符串处理--HDU第1062解题报告
- 筛选法构造素数表
- 求斐波那契(Fibonacci)数列中的F(n)
- Linux下的http服务器 v0.0.0.0.0.0.1
- ActionScript2.0 基于补间动画的进度条
- 在Android中类似于java开发时的连接数据库的操作
- C++左值与右值
- 8.Redis持久化机制
- 排序算法:冒泡排序&插入排序
- mysql安装图解
- UITextView 设置范围框背景
- 守护进程
- uva 763 Fibinary Numbers