梅风剑的博客

“进度条”三制法

                                      

　一、“下载进度条”的制作
　　为了让朋友们收看MTV时了解作品的下载情况，也为了给你的MTV作品平添一道亮丽的风景线，可以为你的MTV增加一个下载进度条。
　　添加下载进度条前，你得把MTV场景中第1帧上的“stop”帧动作和播放按钮实例先删除。然后按以下步骤操作：
　　1、新建一个名为“下载条”的影片剪辑元件。选中第1层的第1帧，在舞台中画一个无边线填充为绿、黄、红线性渐变色的矩形，借助属性面板设置其宽和高分别为400、6。选中该矩形，用对齐面板把它“左对齐”、“垂直中齐”。
　　2、新建一个名为“下载进度条”的影片剪辑元件。选中第1层的第1帧，把库中的“下载条”元件拖入舞台，居中后，在属性面板里输入实例名“mc1”。新建图层2，选中第1帧，用矩形工具画一个无填充色的矩形框，线条粗1，淡黄色。借助属性面板设置其宽和高分别为402、8，居中。
　　3、回到主场景，在你制作的MTV场景的最上层插入一个图层，命名为“进度条”。选中第1帧，把库里的“下载进度条”元件拖入舞台的底部靠左位置（右侧留出一块放置按钮或下载进度百分数的空间）。选中舞台上的“下载进度条”实例，打开动作面板，输入影片剪辑动作脚本代码：
onClipEvent (enterFrame) {
mx=_root._framesloaded;
max=_root._totalframes;
ss1=(mx/max)*100;
if (ss1<100) {
_root.a=Math.round(ss1)+"%";
}
if (ss1>=100) {
_root.gotoAndStop(2);
}
this.mc1._xscale = ss1;
}
　　4、在第2帧插入关键帧，把库里的“播放按钮”元件拖入舞台放置在“下载进度条”右侧位置。删除第2帧上的“下载进度条”实例。选中“按钮”实例，输入按钮动作脚本代码：
on (release) {
play();
}
　　5、在第3帧插入空白关键帧。
　　6、选中第1帧，用文本工具画一个能容纳百分比数字的文本框，放置于“下载进度条”实例右侧，在属性面板选中“动态文本”，输入变量名“a”，字体“黑体”，大小“20”，颜色“白色”。
　　7、再次选中第1帧，输入帧动作脚本代码：
stop();
　　8、至此，下载进度条就制作完成了。敲打Ctrl+Enter组合键，等播放文件导出完成后，再敲打一次Ctrl+Enter组合键，稍等片刻，你就可以查看模拟下载效果了。

　　＊９、如果不想用矩形做下载条，而想用更形象更漂亮的曲线作进度条，那么只需按以下操作：
　　（1）、做一个全长100帧，按曲线运动一周的MC，同时让曲线按mc的运动进程而变色。拖入场景后注册名：jdt
　　（2）、在语句：load = int(_root.getBytesLoaded() / _root.getBytesTotal() * 100);// 取整计算已下载的字节数的百分比并赋值给变量load后面加：
_root.jdt.gotoAndStop(load);// 进度条同时按百分比数跳转到相应的帧上去;

　　二、“播放进度条”的制作

　　如果你还想添加一个播放进度条，则只须再按以下步骤操作：
　　1、用上述第1步的方法，制作一个名为“播放条”的影片剪辑元件。不过，最好把播放条的颜色改用单色。
　　2、用上述第2步的方法，新建一个名为“播放进度条”的影片剪辑元件。所不同的是，拖入“播放条”后，在属性面板里输入的实例应名“mc2”。
　　3、回到主场景，选中“进度条”图层的第3帧，把库里的“播放进度条”元件拖入舞台，放在底部水平居中的位置。选中舞台上的“播放进度条”实例，打开动作面板，输入影片剪辑动作脚本代码：
onClipEvent (enterFrame) {
nx=_root._currentframe;
max=_root._totalframes;
ss2=(nx/max)*100;
this.mc2._xscale = ss2;
}
　　4、这样，播放进度条也就制作完成了，你可以用上述第9步同样的方法查看模拟播放效果。
用此方法，可以独立制作播放进度条。

　　三、不用动作语句制作“播放进度条”

　　无须用脚本也可以制作播放进度条，而且很简单。操作步骤如下：
　　1、制作一个名为“播放条”的图形元件，宽400、高3，无边线，填充色自定。用对齐面板把它“左对齐”、“垂直中齐”。
　　2、在原作品的最上图层插入两个新图层，把下面的一层命名为“播放条”，把上一层命名为“进度框”。
　　3、选中“播放条”图层上原动画开始播放的那一帧，把库里的“播放条”元件拖入舞台，放在你认为理想的位置，在原作品的最后一帧插入关键帧。
　　4、选中“进度框”图层上原动画开始播放的那一帧，画一无填充色的线框，线粗0.5，框宽401，框高4，线色自定。调整该框的位置，使其刚好套住“播放条”实例。尔后把此图层加锁。
　　5、选中舞台中的“播放条”实例，用任意变形工具将其“右边”往左推进，让右边尽量跟左边靠近（为使操作方便，可将舞台比例放大）。最后，创建运动过程。
　　至此，无须动用脚本的播放进度条制作完成。至于原理嘛，我想你看到这里时肯定早已明白。

【作者: 梅风剑】【访问统计:】【2007年06月30日 星期六 23:24】【注册】【打印】