flash怎么制作整个动画的播放进度

 我来答
绿洲的幻影
高粉答主

2016-12-16 · 不是有信心才做,是做才有信心。
绿洲的幻影
采纳数:5456 获赞数:84302

向TA提问 私信TA
展开全部
  1. 一、进度条的意义:在网上发布了你的作品后,由于文件较大,下载速度慢,有些朋友看到一片空白,不耐烦等待,就离开了你的网页。为了吸引他,你就做一个进度条,让进度条先来接待他,让他知道,网页是正常的,只要稍等会儿就会显示。就如你到饭店吃饭,菜不可能马上烧出来,这时小姐会给你倒一杯茶,让你悠闲的等待一样。

  2.   二、进度条的原理:进度条主要是靠as代码来指挥的。你先制作一个进度条的影片剪辑,这个影片剪辑的长度为100帧,用形状补间动画把里面的填充色块逐帧扩大;而as代码的意义就是先计算出你的文件总的字节数大小,然后把下载的字节数转换成百分比数值,赋予给有关变量,从而使播放头跳到该帧,当下载数达到文件的总字节数时,播放头转到主动画,并且停止播放进度条影片剪辑。

  3.   三、添加进度条的二种情况:1、新制作动画影片时,你只要把进度条放在主场景的第一、二帧上,后面帧上再加主动画。当然相关的代码也要相应的变化。(这种情况我不作介绍。)

  4.   2、如果你想在已有的FLASH文件中添加进度条,要移动第一帧上的所有元素到第三帧或以后的帧上,比较麻烦。这时你可以添加一个场景2,并把场景2设为主场景,因为动画播放的时播次场景。

  5.   我这里就以原有的作品添加进度条为例。(软件是用FLASH 8)

  6.   教程内容:

  7.   一、添加场景2,并设为主场景:

  8.   1、运行flash软件,打开你的原有作品文件,点击菜单“插入”-“场景”。图1

  9.   

  10.  

  11.   2、点击菜单“窗口”-“其他面板”-“场景”。图2

  12.   

  13.  

  14.   3、跳出界面,图3

  15.   

  16.  

  17.   用鼠标左键按住“场景2”向上拖动到“场景1”的上面,图4

  18.   

  19.  

  20.   并关闭界面。  二、创建“进度条”影片剪辑:

  21.   1、点击菜单“插入”-“新建元件”。图5

  22.   

  23.  

  24.   2、在跳出界面中填写名称“进度条”,类型“影片剪辑”,点“确定”按钮。图6

  25.   

  26.  

  27.   3、在进度条的舞台上设二个图层。图7

  28.   

  29.  

  30.   4、在图层一第一帧上用矩形工具,画一个矩形,宽300象素,高20象素,边框设为绿色,填充色为红色。左边边缘对齐舞台的中心点。图8

  31.   

  32.  

  33.   5、用箭头工具选中中间的填充色块红色部分,按ctrl+x键,剪切。

  34.   6、到图层2第一帧上,点击菜单“编辑”-“粘贴到当前位置”。

  35.   7、在图层2第100帧插入关键帧,回到第一帧,把色块宽度调整到3象素,并移动色块到最左边,(提示:可以在属性面板修改数据,来缩小色块的宽度。)图9

  36.   

  37.  

  38.   8、图层2创建形状补间动画。图10

  39.   

  40.  

  41.   9、图层一第100帧插入帧。  三、组装:

  42.   1、回到场景2,也设二个图层,第一层为进度条层,第二层为as代码层。

  43.   2、在第一层第一帧,把库中的进度条影片剪辑拖入场景,放到合适的位置,在属性面板上写上实例名“进度条"。图11

  44.   

  45.  

  46.   3、选择文本工具“A”,在舞台合适的位置加入一个动态文本框,在属性面板上设置文本类型:动态文本;字体:Arial; 变量名:jd;单行;字体大小颜色自定。图12

  47.   

  48.  

  49.   3、在第二层第一帧,添加as代码,选中第一帧在属性面板<帧标签>处,写上"bo",图13

  50.   

  51.  

  52.   然后打开动作面板,复制下面的代码并粘贴。图14

  53.   

  54.  

  55.   total = _root.getBytesTotal();

  56.   // 将已经下载的字节数赋值给loaded变量

  57.   loaded = _root.getBytesLoaded();

  58.   // 取整计算已下载的字节数的百分比并赋值给变量load

  59.   load = int(loaded/total*100);

  60.   // 把已下载的字节数赋值给动态文本变量loadtxt

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

  62.   // 进度条同时按百分比数跳转到相应的帧上去;

  63.   _root.进度条.gotoAndStop(load);

  64.   4、在第二层第二帧,插入空白关键帧,添加as代码,

  65.   //如果下载字节数=总字节数,跳转到"场景 1", 第1帧并停止播放进度条

  66.   if (loaded == total) {

  67.   gotoAndStop("场景 1", 1);

  68.   //否则跳转到标签名"bo"的帧,继续下载

  69.   } else {

  70.   gotoAndPlay("bo");

  71.   }

  72.   5、最后更改一下背景颜色,随意。

  73.   四、测试:

  74.   由于在电脑里测试,文件下载速度快,所以进度条显示一瞬间,要先看他的全过程,应如下操作:

  75.   按ctrl+回车键,跳出播放界面后,点击顶部菜单“视图”-“模拟下载”。图15

  76.   

  77.  

  78.   就可以看到全过程了。

  79.   提醒:

  80.   1、小的文件没有必要装进度条。

  81.   2、进度条也可以制成各种效果,不过进度条所占的字节不能太大,否则本末倒置。


推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式