Flash AS 2.0实例教程:加载进度条之一遮罩进度,本例讲解运用Flash AS 2.0代码实现加载进度条效果,本教程讲解的是进度条中遮罩进度的制作方法,对于比较大的文件很有用,希望朋友们喜欢~~
【 tulaoshi.com - Flash 】
本文由 中国 新生上路 原创,转载请保留此信息!
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)在学习中遇到问题请到 论坛 发贴交流!
更多相关教程:http://www.jcwcn.com/portal-topic-topicid-1.html
先来看下效果:
只能放一次哦 如果用swf文件打开后再按一次ctrl + enter健哈
这种效果很有用哦 对比较大的文件很有帮助 希望大家都能学会
第一步:新建一flash文件,大小自己设置
第二部:新建一影片剪辑元件,画出一矩形,是矩形左上角与元件中心对其如图
第三步:回到主场景中,画出你想要被遮罩的图形,我写的是我网名,这个自己设置如图
第四步:新建一图层,把矩形元件拖到主场景中,使其与你图层一中的图形完全重合,把此矩形的长度和宽度改为和你图形的长度宽度一致,单击此矩形,设置其实例名称为loadmcb
第五步:单击图层一的第一帧,打开动作面板 输入如下代码
代码:
stop();
_root.onEnterFrame = function() {
_root.loadb.text = Math.round((_root.getBytesLoaded()/_root.getBytesTotal())*100*100)/100;
_root.loadb.text += "%";
_root.loadmcb._xscale = (_root.getBytesLoaded()/_root.getBytesTotal())*100;
if (_root.getBytesLoaded() == _root.getBytesTotal()) {
_root.nextFrame();
}
};
代码不难理解
[next]
第六步:点击左边工具栏的文本工具,在下面属性面板中设置其为动态文本,设置如图
然后在舞台合适的位置单击一下,这个动态文本将会输出加载的百分数,单击后会出现一文本框,再单击选择工具,选中该文本框,在属性面板中设置其实例名称为loadb
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)
第七步:选择文件》导入导入一段音乐文件或者任何视频文件 越大效果越好 但也不能太大 导入到库面板中
第八步:新建一图层三,在图层三的第二帧中插入一个空白关键帧,然后把刚才导入的东西放到第二帧中,并往后插入帧知道音轨消失如图
第九步:单击图层二右键选择遮罩,这时应该就没问题了哈 最后帧如图
最后测试影片 这时你会发现看不到效果,而是直接进入第二帧开始了 ,请再次按下crtl+enter健,这时就会看到你可爱的进度条了哈 如果次swf文件放在网上会直接出现进度条 加载完成后才会开始播放第二帧
对本文感兴趣的朋友可以到这里提交作业,老师会为作业点评、加分:http://bbs.jcwcn.com/viewthread.php?tid=239540
来源:http://www.tulaoshi.com/n/20160129/1485465.html
看过《Flash AS 2.0实例教程:加载进度条之一遮罩进度》的人还看了以下文章 更多>>