标准的loading制作方法

loading|标准

  
前言:网络中的swf影片是可以实现边下载边播放的,由于受到当前网络传输的制约,对于大容量的影片,这种实时播放并不理想。为避免受众尴尬的等待,flash制作人员往往设计一个加载(loading)的画面,等影片的全部字节下载到本地后再播放,从而保证影片的播放质量.本文将介绍一种较为标准的loading制作方法。

步骤:
1.打开Flash MX 2004,选择矩形工具,在主场景中画出下一个只有边框有矩形,本例该矩形大小为350*16像素。
2.再在主场景中仍用矩形工具画出一个只有填充而无边框的矩形,并按F8键将其转换为影片剪辑(注:其注册点一定要选在该矩形的最左侧),其实例名为bar 。本例该矩形大小为345*11像素。
3.将上述两矩形在主场景中排列好,使边框矩形嵌套填充矩形。
4.在上述两矩形旁边用文字工具拖出一动态文本框,其变量名为bar_per。

至此,准备工作就绪,即建立了两矩形框和一动态文本框,下面准备编写代码。

5.在主场景中,新建一层,选中该层第1帧,按F9键打开动作脚本编辑窗口,输入以下代码:
顺应热潮,Macromedia公司也开发了在手机上应用的Flash动画播放器:Flash Lite 1.1。最初这个播放器只能应用于i-mode手持设备,后来索爱、诺基亚品牌的一些手机也能使用这个播放器了。在今年市面上已经可以看到捆绑了Flash Lite 1.1的手机,尤其是三星手机和Macromedia达成了合作协议,全面支持Flash Lite 1.1。

    this.onLoad=function(){
    myBytesTotal=_root.getBytesTotal();
    }
    this.onLoad();
    this.onEnterFrame=function(){
    myBytesLoaded=_root.getBytesLoaded();
    bar_xscale=myBytesLoaded/myBytesTotal*100;
    percent=Math.round(bar_xscale);
    this.bar._xscale=bar_xscale;
    this.bar_per=percent+"%";
    if(myBytesLoaded==myBytesTotal){
    delete this.onEnterFrame;
    _root.nextFrame();
    }else{
    this.stop();
    }
    }
6.从主场景时间轴第2帧起制作你的flash影片。

注解:


this.onLoad=function(){
myBytesTotal=_root.getBytesTotal();
}
此段代码是指,当影片剪辑(本例指两矩形和一动态文本框所存在的主场景)加载时,读取主时间轴存在的所有元素的总字节数并赋值给变量myBytesTotal。


this.onLoad();
flash事件处理函数MovieClip.onLoad=function(){…}有些奇怪,其中设置的代码,若不在后面加上this.onLoad();,这些代码并不能执行,因此加上这一句以便这些代码得以执行。


myBytesLoaded=_root.getBytesLoaded();//读取主时间轴存在的所有元素已加载的字节数,并将其赋值给变量myBytesLoaded。


bar_xscale=myBytesLoaded/myBytesTotal*100;//将myBytesTotal折算成100时,myBytesLoaded所得到的折算值赋给变量bar_xscale,以便给主场景中bar的_xscale赋值(_xscale的最大值只能为100),这里用到了初等数学的比例计算。


percent=Math.round(bar_xscale);//将变量bar_xscale的值取整后赋给变量percent,以便显示的百分比不带小数。

拓展:
1.“下载速度”的代码设计
①在主场景中用文字工具拖出有适当宽度的动态文本框,并设其变量名为rate 。
②在主场景代码层第1帧this.onEnterFrame=function(){}代码体if语句前追加如下代码:

            t=getTimer();
            rate= "下载速度:" + Math.round(myBytesLoaded/t * 100)/100 +
            " K/s";
2.“已用时间和剩余时间”的代码设计
①在主场景中用文字工具拖出有适当宽度的动态文本框,并设其变量名为mytimes 。
②在主场景代码层第1帧this.onEnterFrame=function(){}代码体if语句前追加如下代码:

            timeLoaded=Math.round(t/1000);
            timeRemain=Math.round(timeLoaded*(myBytesTotal-myBytesLoaded)/myBytesLoaded);
           
            timeRemain=Math.round(timeRemain/60)+":"+Math.round(timeRemain%60);
           
            timeLoaded=Math.round(timeLoaded/60)+":"+Math.round(timeLoaded%60);
           
            mytimes="已用时间"+timeLoaded+" "+"剩余时间"+timeRemain;
           
注:若“下载速度”的代码没有设计,则上述代码前应追加代码 t=getTimer();
拓展后主场景代码层第1帧的全部代码如下:

            this.onLoad=function(){
            myBytesTotal=_root.getBytesTotal();
            }
            this.onLoad();
            this.onEnterFrame=function(){
            myBytesLoaded=_root.getBytesLoaded();
            bar_xscale=myBytesLoaded/myBytesTotal*100;
            percent=Math.round(bar_xscale);
            this.bar._xscale=bar_xscale;
            this.bar_per=percent+"%";
            t=getTimer();
            rate= "下载速度:" + Math.round(myBytesLoaded/t * 100)/100 +
            " K/s";
            timeLoaded=Math.round(t/1000);
            timeRemain=Math.round(timeLoaded*(myBytesTotal-myBytesLoaded)/myBytesLoaded);
           
            timeRemain=Math.round(timeRemain/60)+":"+Math.round(timeRemain%60);
           
            timeLoaded=Math.round(timeLoaded/60)+":"+Math.round(timeLoaded%60);
           
            mytimes="已用时间"+timeLoaded+" "+"剩余时间"+timeRemain;
           
            if(myBytesLoaded==myBytesTotal){
            delete this.onEnterFrame;
            _root.nextFrame();
            }else{
            this.stop();
            }
            }

时间: 2024-08-31 22:08:00

标准的loading制作方法的相关文章

提高播放质量 Flash标准loading制作方法

loading|标准     网络中的swf影片是可以实现边下载边播放的,由于受到当前网络传输的制约,对于大容量的影片,这种实时播放并不理想.为避免受众尴尬的等待,flash制作人员往往设计一个加载(loading)的画面,等影片的全部字节下载到本地后再播放,从而保证影片的播放质量.本文将介绍一种较为标准的loading制作方法. 步骤: 1.打开Flash MX 2004,选择矩形工具,在主场景中画出下一个只有边框有矩形,本例该矩形大小为350*16像素. 2.再在主场景中仍用矩形工具画出一个

Flash AS:简单的loading制作方法

loading 简单的方法: stop() function m(){  loadb = _root.getBytesLoaded();//变量.已经下载的  totalb = _root.getBytesTotal();//变量.全部的  pre = int((loadb/totalb)*100);//变量.返回数值  loadmc._xscale=pre;//影片剪辑loadmc里面的第pre帧,影片loadmc里面一共有100帧  percent = pre+"%";//动态文本

更加简单的Loading制作方法

loading 做一个100桢的MC动画:可以包含一个text的动态文本区.把该MC拖入主场景的首桢,并在首桢添加Stop,在该MC上加上如下代码:onClipEvent (load) {     total = _root.getBytesTotal(); } onClipEvent (enterFrame) {     loaded = _root.getBytesLoaded();     percent = int(loaded/total*100);     text = percen

Flash片头加载loading的制作方法

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

Flash 片头加载loading的制作方法

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

Flash制作片头加载loading的方法

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

Flash片头加载loading的方法

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

U盘WINPE系统的制作方法

      WinPE(Windows预安装环境,WindowsPreinstallationEnvironment),基于在保护模式下运行的 WindowsXP个人版内核,是一个只拥有较少(但是非常核心)服务的Win32子系统.这些服务为Windows安装.实现网络共享.自动底层处理进 程和实现硬件验证. WinPE让你创建和格式化硬盘分区,并且给你访问NTFS文件系统分区和内部网络的权限.这个预安装环境支持所有能用Windows2000和WindowsXP驱动的大容量存储设备,你可以很容易地

TransMac 下载 win7 win10 U盘启动的制作方法 win7 win10 U盘启动的 transMac制作方法

win7  win10 U盘启动的 transMac制作方法 一.本教程面向对象:1.Mac上只安装了WINDOWS,目前没有OS X环境,却又想重新装回OS X,苦于没有OS X安装U盘,而且受网速所限,网络恢复OS X耗时太长的FY:2.有OS X环境,还想做一个OS X 安装U盘备用的FY:3.想在PC机上安装黑苹果的FY. 二.硬件/软件:1.安装了WINDOWS或OS X的电脑一台:2.大于等于8GB的U盘或移动硬盘或移动硬盘的一个分区:3.OS X 安装U盘镜像:      以下镜像