我的同学作文500字男生:如何制作动画预载画面？

如何制作动画预载画面？

今晚闲来无所事事，我来写一下教程，有许多网友问我如何给动画制作预载？不是我不告诉大家，不是我保守，而是我没有时间，再说光靠理论也是说不明白的，必须结合图片，才能更快更好的学会。学会了制作预载画面，这样你的动画一旦体积较大，打开时就不会一片空白，就会出现一个进度条，显示动画加载了多少，这样浏览者就心中有素了，知道还有多久能看到你的佳作。

打开flash8.0制作软件，制作预载之前，我们先要做一个影片剪辑元件——进度条。如下图所示：

图1

1点插入——新建元件——影片剪辑——名称——“进度条”——确定。如下图所示

图2

2如图1所示，建2个图层，图层1名称：进度条，图层2名称：方框

3点一下图层2第一帧，点一下工具箱里的“矩形方框”，填充色设置为无，即透明。笔触颜色为“红”笔触大小随便，默认好了。拖一个长方形方框，在下面属性里设置大小为：高32，长402，做好后锁上。

4点一下图层1第一帧，点一下工具箱中的“矩形方框”，填充色为绿色，笔触为无，即透明。在方框上面画一个绿色的长条。宽为30，长为400，比方框小2，正好放在方框中，居中对齐即可。

5在图层一第100帧的地方插入关键帧，在1——100两个关键帧之间右击，在下面属性"补间”的方框中选择“形状”。点一下第1帧，在下面属性方框中把宽设定为“1”

6解开图层2的锁，延长到100帧，插入帧。这样元件——影片剪辑——进度条就做好了。

返回主场景即场景1，安装一下就成功了。如下图3所示：

图3

图4

总计4个图层，实际只要三个图层，第二个图层是编者，是我编写的，可省去不用。

1新建3个图层，按图3所示给图层命名，这样层次分明。

2点代码层第1帧，插入空白关键帧。

3点代码层第2帧，插入空白关键帧。点一下空白关键帧，点动作，输入代码：

yxz=_root.getBytesLoaded()  //已下载字节数
zxz=_root.getBytesTotal()  //总下载字节数
bfb=int(yxz/zxz*100)+"%"   //取整，已下载除以总下载乘100加上一个百分号
mc.gotoAndStop(int(yxz/zxz*100));//mc跳转到已下载除以总下载乘100，因为我们做的进度条总帧数为100

4点一下代码层第3帧，插入空白关键帧，点一下该空白关键帧，插入代码：

if (yxz == zxz) {
 gotoAndPlay(4);
} else {
 gotoAndPlay(1);
}

5点一下“百分比”图层第一帧，点工具箱中的“A”-------点一下属性中的文本，设计为“动态文本”画一个如图5中的方框，延长到第3帧。方框大小，颜色，随便。这里我设计的颜色为红，百分数的大小为23，变量名称一定要为"bfb"

 图5

6点一下“mc”图层第一帧，把库里开始做好的影片剪辑“进度条”拖到舞台中放好，点一下“进度条”方框中最左边，在下面属性中的实例名称中写上“mc”如下图示：

7结束，成功！

最后我来解释一下代码的含义，yxz意思是“已下载”的第一个拼音字母。

zxz意思是“总下载”的第一个拼音字母。

bfb意思是“百分比”的第一个拼音字母的缩写。

“//”的意思是注释掉的意思。所以你复制代码时，连这些汉字一道复制粘贴上去语法不会犯错的，如果没有“//”语法就错了。

第3帧上的代码的意思是一个简单的判断句，意思是“如果yxz=zxz(已下载等于总下载），那么就跳转到第4帧播放，（就是跳转到下一场景播放）否则（else)跳转到第一帧播放，意思是继续加载。

这是单独做的预载，那么怎样运用到动画中呢？有两种做法（就我知道的）一种是和动画做在同一时间轴上，新手不怎么好做，还是按第二种方法做容易。就是你的动画做好了，你点“窗口”，在列表中找到“其它面板”，点一下“其它面板”----场景，出现下面的图示：

点击一下图中的“+”号，添加了一个场景2如下图示 ：

把场景2拖到场景1上面去，因为动画播放是按场景顺序来播放的，如下图所示：

把场景2改名为“预载”如下图所示：

点一下预载场景，就打开了一个新场景，你就把刚才做的复制一下，在这个预载场景中粘贴一下就大功告成了。粘贴后如下图所示。

最后结尾的时候我再讲一下如何测试，你做成功了，能看见进度条一点点的进展，通常都要上传到互联网上，然后打开才能看到。有没有立马就能在测试的时候就能看见的？有：按住ctrl键，敲2下回车键，就能看见演示！

但这种方法不一定每个计算机都灵验，下面我们采取第二种方案：我也是在实践中无意发现的：点控制——测试打开动画播放，这时再按住ctrl键，敲1下回车键，就能看见演示！一点点在加载！我想了一下，实际上还是等于敲了两下回车，  只不过分开做罢了。

还有一点我想说一下，一旦这个简单的你会做后，可以举一反三，做得复杂漂亮一些哦，你可以加上一些动态的画面，背景什么的啊，加上下载的速度啊，时间啊等等，祝你做出你心怡的预载画面。

 点击http://www6.6000y.com/sxp/znthskddf.swf看效果