九乡新闻网麦当娜的书 《性》:播放进度条的制作要领
来源：百度文库 编辑：九乡新闻网 时间：2024/07/14 05:23:28
教学目的：通过本节教学了解和掌握用as编程制作动画播放的进度条基本原理与方法，进而为你的动画作品增添色彩。
教学对象：本教材是针对有一定动画制作基础和对属性面板及工具箱、动中面板有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。
教学要点：实例名称、动本变量、as脚本。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为550*400，帧频为12，背景颜色黑色，其它默认,点击确定进入场景1。如图1所示：
图1
3.创建影片剪辑
（1）选择“插入－新建元件”，建立一个名为“播放条”的影片剪辑，点击确定，进入元件编辑区。就一个图层。
选择图层1第一帧，用矩形工具在舞台拖一个规格为400*8的，红色的，无边线的矩形。左对齐－垂直中齐。如图2所示：
图2
（2）选择“插入－新建元件”，建立一个名为“进度条”的影片剪辑，点击确定，进入元件编辑区。添加一个图层，共两个图层。下层名为播放条，上层铭为播放框。
a.选择播放条图层第一帧，从库中拖出播放条影片剪辑元件到舞台，全居中，并在属性面板填写其实例名称为：mc 。上锁。如图3所示：
图3
b.选择播放框图层第一帧，用矩形工具在舞台拖一个无填充色的，笔触高度为2的，规格为404*12的、黄色的矩形。全居中。上锁。如图4所示：
图4
4.编辑制作场景
返回场景1，添加五个图层，共六个图层。自下而上分别命名为动画、进度、动本、按钮、题目、停止。
（1）选择动画图层第一帧，（我们开始做个简单的动画）用椭圆形工具在舞台拖一个规格为80*100的，无边线的，天蓝色椭圆。将其放到舞台左侧，垂直中齐。如图5所示：
图5
在第300帧插入关键帧，将该实例平移到舞台的右侧。如图6所示：
图6
右键第1－299帧之间的任何一帧，创建本区域间的动画补间，并顺时针旋转一周。上锁。
（2）选择进度图层第2帧，从库中拖出进度条影片剪辑元件到舞台，将其放到舞台下方中间偏左处。如图7所示：
图7
点击该实例，按f9，打开动作面板，在as编辑区输入，如下语句：
onClipEvent (enterFrame) {
nx=_root._currentframe;
max=_root._totalframes;
ss1=(nx/max)*100;
if (ss1<100) {
_root.a=Math.round(ss1)+"%";
}
if (ss1>=100) {
_root.gotoAndStop(1);
}
this.mc._xscale = ss1;
}
在第300帧插入帧。上锁。
（3）选择动本图层第2帧，用文本工具在进度条的右端拖一个动态文本框，并在属性面板填写其变量为： a 。其参考参数，如图8所示：
图8
在第300帧插入帧。上锁。其实例在场景中的位置显示，如图9所示：
图9
（4）选择按钮图层第1帧，点击“窗口－公用库－按钮”，在库－按钮面板选中flat blue play(开始)按钮，如图10所示：
图10
将其拖入舞台下方，水平中齐。如图11所示：
图11
点击该按钮，按f9，打开动作面板，在as 编辑区输入，如下指令语句：
on (press) {
play();
}
在第2帧插入空白关键帧，在第300帧插入帧。上锁。
（5）选择题目图层第1帧，用文本工具（静态）在舞台上方输入作品的题目。水平中齐。在第300帧插入帧，上锁。如图12所示：
图12
（6）选择停止图层第1帧，按f9，打开动作面板，在as编辑区输入停止指令：stop(); 在第300帧插入帧。上锁。
5.该作业完成后的时间轴如图13所示：
图13
6.测试存盘
*说明：
1.此教程中的动画只是示范，比较简单，在制作中你可以换成你自己创作的动画。
2.如果不用脚本、也不显示进度比，如何制作简易的播放进度条呢？想一想，作一作吧，很简单的哦！
最终效果显示：
http://hsb345.16789.net/domName/hsb345/20091131912662033.swf
全屏下载
祝你成功！
',2)">
',3)"> ',4)">
',5)">
『ldm2124086音乐空间』欢迎你！
教学对象：本教材是针对有一定动画制作基础和对属性面板及工具箱、动中面板有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。
教学要点：实例名称、动本变量、as脚本。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为550*400，帧频为12，背景颜色黑色，其它默认,点击确定进入场景1。如图1所示：
图1
3.创建影片剪辑
（1）选择“插入－新建元件”，建立一个名为“播放条”的影片剪辑，点击确定，进入元件编辑区。就一个图层。
选择图层1第一帧，用矩形工具在舞台拖一个规格为400*8的，红色的，无边线的矩形。左对齐－垂直中齐。如图2所示：
图2
（2）选择“插入－新建元件”，建立一个名为“进度条”的影片剪辑，点击确定，进入元件编辑区。添加一个图层，共两个图层。下层名为播放条，上层铭为播放框。
a.选择播放条图层第一帧，从库中拖出播放条影片剪辑元件到舞台，全居中，并在属性面板填写其实例名称为：mc 。上锁。如图3所示：
图3
b.选择播放框图层第一帧，用矩形工具在舞台拖一个无填充色的，笔触高度为2的，规格为404*12的、黄色的矩形。全居中。上锁。如图4所示：
图4
4.编辑制作场景
返回场景1，添加五个图层，共六个图层。自下而上分别命名为动画、进度、动本、按钮、题目、停止。
（1）选择动画图层第一帧，（我们开始做个简单的动画）用椭圆形工具在舞台拖一个规格为80*100的，无边线的，天蓝色椭圆。将其放到舞台左侧，垂直中齐。如图5所示：
图5
在第300帧插入关键帧，将该实例平移到舞台的右侧。如图6所示：
图6
右键第1－299帧之间的任何一帧，创建本区域间的动画补间，并顺时针旋转一周。上锁。
（2）选择进度图层第2帧，从库中拖出进度条影片剪辑元件到舞台，将其放到舞台下方中间偏左处。如图7所示：
图7
点击该实例，按f9，打开动作面板，在as编辑区输入，如下语句：
onClipEvent (enterFrame) {
nx=_root._currentframe;
max=_root._totalframes;
ss1=(nx/max)*100;
if (ss1<100) {
_root.a=Math.round(ss1)+"%";
}
if (ss1>=100) {
_root.gotoAndStop(1);
}
this.mc._xscale = ss1;
}
在第300帧插入帧。上锁。
（3）选择动本图层第2帧，用文本工具在进度条的右端拖一个动态文本框，并在属性面板填写其变量为： a 。其参考参数，如图8所示：
图8
在第300帧插入帧。上锁。其实例在场景中的位置显示，如图9所示：
图9
（4）选择按钮图层第1帧，点击“窗口－公用库－按钮”，在库－按钮面板选中flat blue play(开始)按钮，如图10所示：
图10
将其拖入舞台下方，水平中齐。如图11所示：
图11
点击该按钮，按f9，打开动作面板，在as 编辑区输入，如下指令语句：
on (press) {
play();
}
在第2帧插入空白关键帧，在第300帧插入帧。上锁。
（5）选择题目图层第1帧，用文本工具（静态）在舞台上方输入作品的题目。水平中齐。在第300帧插入帧，上锁。如图12所示：
图12
（6）选择停止图层第1帧，按f9，打开动作面板，在as编辑区输入停止指令：stop(); 在第300帧插入帧。上锁。
5.该作业完成后的时间轴如图13所示：
图13
6.测试存盘
*说明：
1.此教程中的动画只是示范，比较简单，在制作中你可以换成你自己创作的动画。
2.如果不用脚本、也不显示进度比，如何制作简易的播放进度条呢？想一想，作一作吧，很简单的哦！
最终效果显示：
http://hsb345.16789.net/domName/hsb345/20091131912662033.swf
全屏下载
祝你成功！
',2)">
',3)"> ',4)">',5)">
『ldm2124086音乐空间』欢迎你！