制作Loading

思路:
1、制作一个100帧的读取动画,这样可以做出各式各样的Loading效果;
2、读取的百分比(percent) = 已读取字节数 / 总字节数 *100;
3、根据读取的百分比数(percent)停止到影片剪辑(Loading)的相应帧上。

步骤1:
制作一个100帧的Loading动画,保存为影片剪辑,放在舞台中,实例名为Loading。

步骤2:
在第一帧加入AS代码:

stop();
_root.onEnterFrame = function() {
var percent = Math.floor(getBytesLoaded()/getBytesTotal()*100);
//变量percent保存读取的百分比数
 loading.gotoAndStop(percent);
 //停止到影片剪辑 Loading 的相应帧上
 if (percent == 100) {
  _root.play();
  //percent=100时,说明读取完毕,整个动画开始播放
 }

Flash 充电1: getBytesLoaded()和getBytesTotal()

getBytesLoaded():获取已读取的字节数。
getBytesTotal():获取整个SWF文件的全部字节数。

Flash 充电2: 如何测试制作的Loading是否成功

 

1、测试Loading必需在测试影片(Ctrl+Enter)时才能使用;
2、我们可以在第2帧后导入2张稍大些的图片来占用字节数;
3、测试影片(Ctrl+Enter)后,在窗口中选择视图—>下载设置—>DSL;
4、在窗口中选择视图—>模拟下载(Ctrl+Enter)。

时间: 2024-08-18 08:42:06

制作Loading的相关文章

[Flash基础理论课14] 制作Loading[Loading]

返回"Flash基础理论课 - 目录" 思路: 1.制作一个100帧的读取动画,这样可以做出各式各样的Loading效果; 2.读取的百分比(percent) = 已读取字节数 / 总字节数 *100; 3.根据读取的百分比数(percent)停止到影片剪辑(Loading)的相应帧上. 步骤1: 制作一个100帧的Loading动画,保存为影片剪辑,放在舞台中,实例名为Loading 步骤2: 在第一帧加入AS代码 stop(); _root.onEnterFrame = funct

PhotoShop制作loading加载等待GIF动画教程

浏览网页打开某一项的时候经常会碰到loading内容加载中的等待动画,本次我们利用PhotoShop来制作一个loading加载等待的GIF动画效果. 本次使用工具是 photoshop cs5精简版制作 教程 小小GIF动画,不成敬意,还请笑纳 不仔细看你可能都不会发现下面这个就是效果图: 1.新建文件,200X200PX 2.用那个工具画一个正圆,并新建一个图层. 3.点画笔工具,然后再点上面红框处,设置画笔的大小和硬度 4.切换到路径面板,点用画笔描边路径,就能得到一个圆,然后在工作路径下

flash 制作Loading

思路: 1.制作一个100帧的读取动画,这样可以做出各式各样的Loading效果; 2.读取的百分比(percent) = 已读取字节数 / 总字节数 *100; 3.根据读取的百分比数(percent)停止到影片剪辑(Loading)的相应帧上. 步骤1: 制作一个100帧的Loading动画,保存为影片剪辑,放在舞台中,实例名为Loading 步骤2: 在第一帧加入AS代码 stop(); _root.onEnterFrame = function() { var percent = Mat

css3特效 box-shadow制作loading图教程

在这里制作这种loading,我们可以只用一个标签,然后利用box-shadow来制作一个loading图. 首先,需要一个标签: <div class="loading"></div> 然后是css: $fontSize: 30px; $radius: 2em; .loading {   font-size: $fontSize;   width: 1em;   height: 1em;   border-radius: 50%;   margin: 100p

怎样制作loading?

loading 首先画一个长方形,转换为mc,定义为loader,在适当位置加入动态文本定义为k,然后在影片剪辑loader加入以下代码: onClipEvent(load){ btotal=_root.getBytesTotal();//让btotal等于总下载数; } onClipEvent(enterFrame){ bian1=_root.getBytesLoaded();//bian1等于已下载数; persent=Math.round(bian1/btatal*100);//perse

CSS3制作loading加载动画效果代码

  在我们这次的新设计教程中,我将向您展示如何创建纯CSS3的loading加载动画组件(没有任何图像).我认为它可以为你减少项目的代码量和额外的图像对你网站的负载.我准备了三种不同风格的加载组件.现在,让我们看看我做的. css3-loading Step 1. HTML 你可以在这里看到的三个元素–放置"加载"元素的div.  代码如下   <div class="main_body">     <div class="element

javascript制作loading动画效果

 项目中多处要给ajax提交的时候增加等待动画效果,所以就写了一个简单的通用js方法,大家参考使用吧    代码如下: /*ajax提交的延时等待效果*/   var AjaxLoding = new Object();   //wraperid : 显示loding图片的容器元素 //ms:表示loding图标显示的时长,毫秒 //envent:表示出发事件的事件源对象,用于获得出发事件的对象 //callback:表示动画结束后执行的回掉方法 //stop()方法表示在回掉方法执行成功后执行

javascript制作loading动画效果 loading效果_javascript技巧

复制代码 代码如下: /*ajax提交的延时等待效果*/ var AjaxLoding = new Object(); //wraperid : 显示loding图片的容器元素//ms:表示loding图标显示的时长,毫秒//envent:表示出发事件的事件源对象,用于获得出发事件的对象//callback:表示动画结束后执行的回掉方法//stop()方法表示在回掉方法执行成功后执行的隐藏动画的操作AjaxLoding.load = function(lodingid,ms,event,left

flash制作一个完整的loading

核心提示:flash如何用AS3制作一个完整的loading loading这个东西,说穿了其实是给用户反馈的一种表现形式,在客户端中的loading,通常以鼠标的手型变化来表现:而在web端,loading的创意则层出不穷了,而且给用户的反馈更好.本文将主要阐述在flash中制作loading的一些问题. 先来看看loading的原理.在flash中,制作loading的目的是为了预先加载一部分内容(你可以选择全部加载完毕,或者加载一部分之后),然后再把flash的主要内容展示出来.一般来讲,