（2）创建动画预载需要的图层

添加完【动画预载】场景后，切换到【动画预载】场景的舞台上，新建4个图层并重新命名，如图13-5-5所示。

图13-5-5 动画预载的图层结构

（3）添加控制层的动作脚本语句

步骤1 添加帧标签

选中【action控制】图层的第1帧，打开【属性】面板，在其中定义帧标签名称为play，如图13-5-6所示。

图13-5-6 加上帧标签

[1] [2] [3] [4] [5] 下一页  

第十二章 Flash MTV实战演习
第三节 动画预载的制作方法(2)

步骤2 添加第1帧的动作脚本语句

选中【action控制】图层的第1帧，在【动作】面板中设置动作脚本：

total = _root.getBytesTotal();

loaded = _root.getBytesLoaded();

load = int(loaded/total*100);

loadtxt = "loading"+load+"%";

_root.进度条.gotoAndStop(load);

以上程序代码的具体功能详细解释如下：

total = _root.getBytesTotal();// 将影片总字节数赋值给total变量。

利用“getBytesTotal()”函数能获取影片的总字节数。

loaded = _root.getBytesLoaded();// 将影片已经下载的字节数赋值给loaded变量。

利用“getBytesLoaded()”函数能获取影片已经下载的字节数。

load = int(loaded/total*100); // 取整计算已下载的百分比并赋值给变量load。

利用“int（）”函数能将括号里面的数值四舍五入为整数，“loaded/total*100”是“影片已经下载的字节数”除以“影片的总字节数”再乘以“100”，也就是已经下载的百分比。

loadtxt = "loading"+load+"%";// 把已下载的百分比赋值给动态文本变量loadtxt。

“loadtxt”是我们下面要制作的一个动态文本框的变量名字，“=”号后面是它将要显示的内容，“"loading"”是“字符串”，将显示在动态文本的最前面，两个“+”在这里是“字符串连接符”，“load”是上条语句的变量名，它的值就是已经下载的百分比。

_root.进度条.gotoAndStop(load); //进度条影片剪辑按百分比的值跳转到相应的帧上。

“进度条”是我们下面要做的进度条的影片剪辑的实例名称。

步骤3 添加第6帧的动作脚本语句

选中【action控制】图层的第6帧，按F6键，插入一个关键帧。在【动作】面板中设置动作脚本：

if (loaded == total) {

gotoAndStop(6);

} else {

gotoAndPlay("play");

}

以上程序代码的具体功能详细解释如下：
if (loaded == total) {
    gotoAndStop(6);

如果影片已经下载的字节数和总字节数相等就跳转到6帧并停止。

注意这里是“==”，而不是“=”，不要输错，否则就不能起到动画预载的作用了。

} else {
gotoAndPlay("play");
}

否则跳转到标签名“play”的帧上，也就是继续下载的意思。

完成以上步骤后，可以先锁定【action控制】图层。

（4）完成进度条的动画内容

步骤1 创建进度条影片剪辑元件

新建一个名为“进度条”的影片剪辑元件。在这个元件的编辑场景中，创建一个进度条动画，这是一个渐变矩形从左向右慢慢拉长的动画，详见Flash源文件。动画完成的图层结构如图13-5-7所示。

图13-5-7创建动画的图层结构

步骤2 完成【进度条】图层的动画设置

切换到【动画预载】的场景，选中【进度条】图层的第1帧，将【库】中的“进度条”元件拖放到舞台的合适位置，在【属性】面板中定义这个元件的实例名称为“进度条”。

选中【进度条】图层的第6帧，按F5键，延长图层中的帧，完成后锁定【进度条】图层，如图13-5-8所示。

图13-5-8 图层结构

（5）创建显示百分比的动态文本和控制按钮

步骤1 创建动态文本

选中【百分比】图层的第1帧，用【文本工具】创建一个动态文本对象。选择这个动态文本对象，打开【属性】面板，在【变量】的文本框中输入“loadtxt”，相关参数设置如图13-5-9所示。

图13-5-9 动态文本设置

选中【百分比】图层的第6帧，按F5键，延长图层中的帧。

步骤2 添加播放按钮

选中【控制按钮】图层的第6帧，按F6键插入一个关键帧。将【库】面板中已经做好的“播放按钮”按钮元件，拖放到舞台的右下角合适的位置上。

单击选中舞台上的“播放按钮”按钮元件，打开【动作】面板，设置动作脚本语句：

on (release) {//按下并释放按钮时，执行以下的语句

gotoAndPlay("场景 1", 1); //跳转到场景1的第1帧并开始播放

}

这里的“场景1”是MTV的主动画的场景名称，如果是多场景动画应该是最先播放的动画场景的名称，在添加“播放按钮”的动作语句时，根据作品中的实际场景名称填写。在动画结尾如果要加上一个“返回按钮”，按钮的设置方法相同，只是跳转到相应的帧上即可。

这时的图层结构如图13-5-10所示。

图13-5-10 图层结构

上一页  [1] [2] [3] [4] [5] 下一页  

第十二章 Flash MTV实战演习
第三节 动画预载的制作方法(3)

（6）加载画面的设置

步骤1 将预载动画加入到场景中

选中【加载动画】图层的第1帧，打开【库】面板。选择MTV主动画有代表性的背景画面，拖放到舞台合适的位置。可以根据作品的风格和设计思路，反复观察测试，直到效果满意为止。本例中添加作品的“雪山背景”图形元件和“人物”的影片剪辑，如图13-5-11所示。

图13-5-11 加载动画的安排

步骤2 统一动画预载和整体作品的风格

为了使整个作品的风格和动画预载的画面统一，把【场景1】主动画里面的遮片和文字信息拷贝并粘贴到【动画预载】的场景，调整图层的上下顺序，完成后的图层结构如图13-5-12所示。

图13-5-12 加载动画的图层结构

至此，本实例制作完毕。执行【控制】︱【测试影片】命令（快捷键Ctrl+Enter），动画开始播放了。因为动画预载应在网络中应用，受网速限制，需要装载一段时间才能开始播放动画，而在本地测试的时候，动画预载会在瞬间加载完毕，效果很不明显。可以用模拟网络下载来观测动画预载的全过程。执行【视图】菜单中的【模拟下载】命令，现在就可以慢慢的欣赏动画预载的全过程了，如图13-5-13所示。

图13-5-13 模拟动画预载的效果

说明：在没有执行【控制】︱【测试影片】命令时，【视图】菜单下是没有【模拟下载】选项的，实际上执行两次Ctrl+Enter命令， 就可以模拟动画预载的全过程了。