flash怎么制作整个动画的播放进度
一、进度条的意义:在网上发布了你的作品后,由于文件较大,下载速度慢,有些朋友看到一片空白,不耐烦等待,就离开了你的网页。为了吸引他,你就做一个进度条,让进度条先来接待他,让他知道,网页是正常的,只要稍等会儿就会显示。就如你到饭店吃饭,菜不可能马上烧出来,这时小姐会给你倒一杯茶,让你悠闲的等待一样。
二、进度条的原理:进度条主要是靠as代码来指挥的。你先制作一个进度条的影片剪辑,这个影片剪辑的长度为100帧,用形状补间动画把里面的填充色块逐帧扩大;而as代码的意义就是先计算出你的文件总的字节数大小,然后把下载的字节数转换成百分比数值,赋予给有关变量,从而使播放头跳到该帧,当下载数达到文件的总字节数时,播放头转到主动画,并且停止播放进度条影片剪辑。
三、添加进度条的二种情况:1、新制作动画影片时,你只要把进度条放在主场景的第一、二帧上,后面帧上再加主动画。当然相关的代码也要相应的变化。(这种情况我不作介绍。)
2、如果你想在已有的FLASH文件中添加进度条,要移动第一帧上的所有元素到第三帧或以后的帧上,比较麻烦。这时你可以添加一个场景2,并把场景2设为主场景,因为动画播放的时播次场景。
我这里就以原有的作品添加进度条为例。(软件是用FLASH 8)
教程内容:
一、添加场景2,并设为主场景:
1、运行flash软件,打开你的原有作品文件,点击菜单“插入”-“场景”。图1
2、点击菜单“窗口”-“其他面板”-“场景”。图2
3、跳出界面,图3
用鼠标左键按住“场景2”向上拖动到“场景1”的上面,图4
并关闭界面。 二、创建“进度条”影片剪辑:
1、点击菜单“插入”-“新建元件”。图5
2、在跳出界面中填写名称“进度条”,类型“影片剪辑”,点“确定”按钮。图6
3、在进度条的舞台上设二个图层。图7
4、在图层一第一帧上用矩形工具,画一个矩形,宽300象素,高20象素,边框设为绿色,填充色为红色。左边边缘对齐舞台的中心点。图8
5、用箭头工具选中中间的填充色块红色部分,按ctrl+x键,剪切。
6、到图层2第一帧上,点击菜单“编辑”-“粘贴到当前位置”。
7、在图层2第100帧插入关键帧,回到第一帧,把色块宽度调整到3象素,并移动色块到最左边,(提示:可以在属性面板修改数据,来缩小色块的宽度。)图9
8、图层2创建形状补间动画。图10
9、图层一第100帧插入帧。 三、组装:
1、回到场景2,也设二个图层,第一层为进度条层,第二层为as代码层。
2、在第一层第一帧,把库中的进度条影片剪辑拖入场景,放到合适的位置,在属性面板上写上实例名“进度条"。图11
3、选择文本工具“A”,在舞台合适的位置加入一个动态文本框,在属性面板上设置文本类型:动态文本;字体:Arial; 变量名:jd;单行;字体大小颜色自定。图12
3、在第二层第一帧,添加as代码,选中第一帧在属性面板<帧标签>处,写上"bo",图13
然后打开动作面板,复制下面的代码并粘贴。图14
total = _root.getBytesTotal();
// 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);
4、在第二层第二帧,插入空白关键帧,添加as代码,
//如果下载字节数=总字节数,跳转到"场景 1", 第1帧并停止播放进度条
if (loaded == total) {
gotoAndStop("场景 1", 1);
//否则跳转到标签名"bo"的帧,继续下载
} else {
gotoAndPlay("bo");
}
5、最后更改一下背景颜色,随意。
四、测试:
由于在电脑里测试,文件下载速度快,所以进度条显示一瞬间,要先看他的全过程,应如下操作:
按ctrl+回车键,跳出播放界面后,点击顶部菜单“视图”-“模拟下载”。图15
就可以看到全过程了。
提醒:
1、小的文件没有必要装进度条。
2、进度条也可以制成各种效果,不过进度条所占的字节不能太大,否则本末倒置。