播放进度条的制作要领.docx

播放进度条的制作要领.docx

《播放进度条的制作要领.docx》由会员分享，可在线阅读，更多相关《播放进度条的制作要领.docx（5页珍藏版）》请在冰点文库上搜索。

播放进度条的制作要领

播放进度条的制作要领

   教学目的：

通过本节教学了解和掌握用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所示：