Flash AS 2.0实例教程:加载进度条之一遮罩进度

蔯奕訊

蔯奕訊

2016-01-29 12:18

Flash AS 2.0实例教程:加载进度条之一遮罩进度,本例讲解运用Flash AS 2.0代码实现加载进度条效果,本教程讲解的是进度条中遮罩进度的制作方法,对于比较大的文件很有用,希望朋友们喜欢~~

本文由 中国 新生上路 原创,转载请保留此信息!

在学习中遇到问题请到 论坛 发贴交流!

更多相关教程:http://www.jcwcn.com/portal-topic-topicid-1.html

先来看下效果:

只能放一次哦 如果用swf文件打开后再按一次ctrl + enter健哈

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)

这种效果很有用哦 对比较大的文件很有帮助 希望大家都能学会

第一步:新建一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://m.tulaoshi.com/fjc/)

最后测试影片 这时你会发现看不到效果,而是直接进入第二帧开始了 ,请再次按下crtl+enter健,这时就会看到你可爱的进度条了哈 如果次swf文件放在网上会直接出现进度条 加载完成后才会开始播放第二帧

对本文感兴趣的朋友可以到这里提交作业,老师会为作业点评、加分:http://bbs.jcwcn.com/viewthread.php?tid=239540

展开更多 50%)
分享

猜你喜欢

Flash AS 2.0实例教程:加载进度条之一遮罩进度

flash教程
Flash AS 2.0实例教程:加载进度条之一遮罩进度

Flash AS 2.0实例教程:加载进度条之点点进度

flash教程
Flash AS 2.0实例教程:加载进度条之点点进度

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Flash制作进度条教程

flash教程
Flash制作进度条教程

Flash制作进度条教程 (1)

FLASH flash教程
Flash制作进度条教程 (1)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作FLASH进度条教程

PS PS基础
Photoshop制作FLASH进度条教程

PS设计加载进程FLASH进度条图片效果教程

PS PS基础 ps平面设计教程 ps去水印教程
PS设计加载进程FLASH进度条图片效果教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《胧村正》DLC角隐女地狱奖杯与死狂攻略

《胧村正》DLC角隐女地狱奖杯与死狂攻略

《全民打怪兽》打造最强队伍阵容攻略

《全民打怪兽》打造最强队伍阵容攻略
下拉加载更多内容 ↓