Flash网页制作之详谈loading的制作

loading|网页

    大家知道,当flash影片或者网页体积相当大的时候,等待页面的出现是非常枯燥的,所以loading的概念就产生了
  loading的制作方法有许多许多种,今天详谈一种。
  好了,转入正题。
  首先,CTRL+F8新建一个电影剪辑(MC),命名为loading。

  然后,进入这个MC,做一个方框,不带边框,只留填充色,选中方框,按F8转换为图形元件。然后按F6在第100帧做一个关键帧。回到第一帧,用自由变形工具(Q),将loading条从左或右像中间拖,拖至一条线为止,然后从第一帧做补间。这样loading动画就是一个从中间向两边延伸的,至于为什么要做100帧的渐变动画,那就是配合100%的AS咯,到100%下载的时候,这个条就延伸完毕咯!
  接下来,将名字为loading的MC拖入场景种的第一层,放到合适位置,点F5延长一帧。将MC实例命名为loading。

  然后进入我们的AS部分。
  在主场景中新建一层,点击F6延长出一个关键帧,因为第一帧是空白帧,所以第二帧也延长出一个空白关键帧了。

  第一帧写入AS:
a=getBytesLoaded(); //a定义为getBytesLoaded()
b=getBytesTotal(); //b定义为getBytesTotal()
loaded=int(a/b*100); //定义为a除以b再乘以100,目的是求个百分整数,其实对于这个loading的效果不大,不过打个基础,对于以后功能详细的loading有用。
loading . gotoAndPlay( loaded ); //loading这里就是场景中实例命名的那个loading,在下载的同时,运行这个MC,配合上面的百分整数显示整个下载过程。

  第二帧写入AS:
if(a==b){ //如果a的值,就是下载的总值等于flash本身的总值,执行下列语句
nextScene(); //转到下个场景,这里可以看到,这里的主动画和loading场景是不同的,所以我们要用shift+f2再建立一个新场景,放入主动画,而且必须在loading场景的下面。
}else{ //其他情况,就是说a不等于b,多半是没有load完的情况下、
gotoAndPlay(1); //回到第一帧,这样做一个循环,当loading不成功的情况下,回到第一帧重新执行下载。
}
  这样就完成了,切记,主动画要放在另外一个场景且在loading场景之下。

  这次我们介绍用AS配合动态以及静态文本来完成显示详尽下载进程,临时再决定加上百分数的显示。
  上次介绍了进度条,这次就不说了,直接进入百分数以及下载进程。
  首先在场景用静态文本在合适的7个合适的位置分别写上:总字节数、已下载字节数、总帧数、已下载帧数、需要时间、实际已用时间和“%”,然后时间轴上用F5延长出一个帧。
  然后分别在前六个的右边用动态文本拉出6个合适大小的框,不写任何东西,在“%”的右边用动态文本拉出一个3个字位数的框。
  然后分别在属性框里给对应静态文本的动态文本框加变量:
  总字节数:aby
  已下载字节数:bby
  总帧数:af
  已下载帧数:bf
  需要时间:at
  实际已用时间:bt
  %:loaded

  然后新建一层,命名为AS(这并不重要,但是养成一个会分门别类的好习惯,大家以后看我放的源文件,不管是层名、还是库里面,我都会分门别类放好,多的时候会建立相应文件夹,这样方便大家找到源文件里面想要的东西),点F6延长出一个关键帧
  然后第一帧写入as:
a=getBytesTotal(); //b定义为已下载总字节数
b=getBytesLoaded(); //a定义为需要下载的总字节数
loaded=int(b/a*100); //给变量名为loaded的动态文本框显示出需要下载字节数与已下载总字节数的百分比,想但简单,就是一个数学式,b除以a再乘以100
aby=_root.getBytesTotal(); //给变量名为aby的动态文本框显示出需要下载的总字节数
bby=_root.getBytesLoaded(); //给变量名为bby的动态文本框显示出已下载总字节数
af=_root._totalframes; //给变量名为af的动态文本框显示出总帧数
bf=_root._framesloaded; //给变量名为bf的动态文本框显示出已下载帧数
at=int(((aby-bby)/(bby/bt))+bt); //给变量名为at的动态文本框显示出总时间,这里也看得出是一个数学式
bt=int((getTimer())/1000); //给变量名为bt的动态文框显示出已用时间,1000是以毫秒计的。
  然后在第二帧写入as:
if(a==b){ //如果实际下载的总字节数等于需要下载的总字节数那么,接下句
nextScene(); //转到下一个场景,也就是说还跟昨天一样,要将主动画放到loading场景之下的一个场景
}else{ //其他的,也就是以上条件不能达成
gotoAndPlay(1); //回到并播放第一帧,这样做一个循环,下载不成功就做到重新下载。
}
  这样就全部完成了,大家看到AS跟数学非常有关系,int这个语句其实是Mathround的简化方式,而大家在第二帧第一行里面的if(a==b)注意千万不要写成a=b,=是赋值,==才是等于,大家切记。

 
时间: 2024-09-17 07:14:04

Flash网页制作之详谈loading的制作的相关文章

Flash片头加载loading的制作方法

核心提示:Flash片头加载loading的制作方法教程. 做一个优秀的loading是衡量一个flasher水准.甚至态度的,因为loading是唯一一个你不会多看而所有用户.客户会看的东西,所以你对loading的重视程度,甚至可以反衬你这个flasher的职业道德. 我认识不少做设计为主的朋友,很多都是自己找一个现成的loading,然后每次去套用.我个人认为这是很不好的习惯.并不是说我不提倡代码.元件的重用,而是我觉得对于loading这种东西,套多了是要出问题的.我强烈建议那些已经达到

和flash初学者详谈loading的制作

多数用户都不会有足够的耐心在面对一片空白的屏幕等上一会,于是我们需要做一个简短的Loading来告诉观看者下载的进度,让观看者知道所要等待的时间,充分体现对观看者的一种尊重.           首先说一下为什么FLASH中要用Loading.所谓Loading,主要是指在网上观看Flash时,有时由于文件太大,或是网速限制,需要装载一段时间才能播放,但由于这个Loading所需的时间对于观看者来说是未知的,所以在Flash电影装载过程中如果没有所有提示,多数用户都不会有足够的耐心在面对一片空白

Flash新手来看:详谈Loading

loading Loading的制作    首先说下为什么FLASH中要用Loading.所谓Loading,主要是指在网上观看Flash时,有时由于文件太大,或是网速限制,需要装载一段时间才能播放,但由于这个Loading所需的时间对于观看者来说是未知的,所以在Flash电影装载过程中,如果没有任何提示,多数用户都不会有足够的耐心在面对一片空白的屏幕等上一会,于是我们需要做一个简短的Loading来告诉观看者下载的进度,让观看者知道所要等待的时间.充分体现了对观看者的一种尊重. 下面来讲下Lo

Flash 片头加载loading的制作方法

  做一个优秀的loading是衡量一个flasher水准.甚至态度的,因为loading是唯一一个你不会多看而所有用户.客户会看的东西,所以你对loading的重视程度,甚至可以反衬你这个flasher的职业道德. 我认识不少做设计为主的朋友,很多都是自己找一个现成的loading,然后每次去套用.我个人认为这是很不好的习惯.并不是说我不提倡代码.元件的重用,而是我觉得对于loading这种东西,套多了是要出问题的.我强烈建议那些已经达到可以修改人家loading水平的flasher看看我的东

CSS网页制作:各式各样的按钮制作方式

文章简介:CSS网页制作:各式各样的按钮制作方式. 按钮整理网页中通过链接来实现页面的跳转,链接的重要表现形式就是按钮将各式各样的按钮制作方式整理一下. 1,网页中默认的按钮(如表单中的按钮,下拉框,单选按钮,多选按钮,上传按钮等) 2,css基本样式制作的按钮(如添加边框,背景色等) 3,图片制作的按钮a,按钮形状+文字一起的图片按钮b,只有按钮形状,通过html加文字c,各种图标按钮(不是按钮的形状,但有按钮功能)d,两张图片拼接的按钮(一般处理圆角) 4,纯css3样式按钮(圆角,阴影(内

link环境下制作一款《订餐软件》,通过网页订餐的时候是否需要制作二维码?没有思路了,谢谢

问题描述 link环境下制作一款<订餐软件>,通过网页订餐的时候是否需要制作二维码?没有思路了,谢谢 link环境下制作一款<订餐软件>,通过网页订餐的时候是否需要制作二维码?没有思路了,谢谢 解决方案 问题是你是否需要生成二维码,生成的这个二维码是要干嘛的?方便移动端用户扫码登陆系统还是干嘛,如果是可以生成,参考这个:http://www.cnblogs.com/xusir/p/3473554.html 解决方案二: 二维码说店铺地址还是单品信息你都没确定

求完整的网页word编辑器教学视频(制作视频也行)

问题描述 求完整的网页word编辑器教学视频(制作视频也行) 网页word编辑器没接触过,从哪里学起比较好啊,各位好友有没有例子什么的可以学 习学习的,求教学视频连接,各位求助,尽量详细,想从零学起

CaseStudy(showcase)数据篇-Loading的制作

做silvelight也有一段时间了,相册.游戏,刚刚完成的showcase这个小程序算是一个阶段了.这里就以showcase这个项目来做一下CaseStudy. 数据篇-Loading的制作 silverlight自带了一个loading.但是由于界面的需求可能需要定制化一下.这里我的思路是做两个sl文件用其中一个去加载另外一个.也就是说有两个xap文件一个是主要的也就是你做的silverlight程序文件,另一个小的是用来做loading的. 参考文章: 技巧:在Silverlight中如何

二维码制作-二维码如何制作需要什么语言

问题描述 二维码如何制作需要什么语言 如何制作这样的二维码扫描结果!扫描后进行安装需要什么语言开发,能详细说明一下吗?CSDN移动问答 解决方案 这个用什么语言开发都行的,最主要的不是开发语言,而是二维码生成的原理.不过真正自己开发二维码生成太难了,网上有很多API接口或者现成的源代码,拿来用就行了,主要看你用在哪个平台,用在Android上就用Java,用在IOS上就用Obj-C...