用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
当前位置 :首页>flash教程>Flash loading教程>列表

纯ActionScript的Loading效果四例

[来源:闪吧 | 作者:a49128477 | 时间:2008-04-02 | 点击:  | 收藏本文  【 】]
 前言:稍微大一些的Flash作品在播放之前都会有一个Loading预载画面,这考虑到网络的速度,本地浏览不需要等待下载,但传到网上,因为每个用户的网速不同,所以很有必要在我们的作品中加入Loading画面,之前,已经有很多教程是关于Loading制作方法的,今天我们给读者讲述四个纯AS的Loading效果,不懂AS的菜鸟或“代码盲”甚至可以直接复制教程中的代码到自己的作品中,懂AS代码的朋友,可以仔细阅读这些代码,从中学到更多的AS知识,或由此引申出更多的AS Loading效果……

 

一.=棉花糖=的Loading教程

 

 

比较简陋

动态显示load百分比

将全部代码拷贝到第一帧,当load完毕后,会自动开始播放

源代码:

 

 

 

 

stop (); 
_root . createTextField ( "myload_txt" , 1 , 0 , 0 , 0 , 0 ); 
with ( _root . myload_txt ) { //设置文本 
background = true ; //文本框是否有背景 
backgroundColor = 0x336699 ; //文本框的背景颜色 
textColor = 0xFFFFFF ; //文本字段中文本的颜色 
type = "dynamic" //文本字段为动态文本 
selectable = false ; //文本是否可选 
autoSize = "center" ; //控制文本字段的自动大小调整和对齐 
_x = Stage.width/2; //文本字段的横坐标 
_y = Stage.height/2;//文本字段的纵坐标 

onEnterFrame = function () { 
var Loaded = _root . getBytesLoaded (); 
var Total = _root . getBytesTotal (); 
_root . myload_txt . text = Math . floor (( Loaded / Total )* 100 )+ "%" ; 
if ( Loaded == Total ) { 
onEnterFrame = null ; 
removeMovieClip ( _root . myload_txt ); 
play (); 

}; 

二. egg616的Loading艺术之一

 

1、制作原理:

世界上所有的loading大概都可以分为三个部分:

1 制造一个循环,用于更新数据。一般来说有两种方法,一种是做成二帧,在第二帧中用gotoAndPlay(1)命令产生循环。另一种是只做一帧,利用onEnterFrame命令产生循环。

2 利用getBytesTotal()与getBytesLoaded()命令获取文件数据。

3 以图形或动画的方式将第二步获取的数据表现出来(一般同时还以文本方式精确表示)

 

上面的说明,对一个会做LOADING的人来说是很清楚的,但不会做的看了大概还是不会(呵呵)所以下面我们一步一步来,做个简单的例子(不做文本显示数据了):

 

2、简单的例子(只有两步,相信你有这个耐性):

Ⅰ 打开你一个心爱的动画,新建一个场景,并把它拖到最前面。

Ⅱ 在帧上加入以下的AS动作,即大功告成!

 

源代码:

 

 

 

 

stop (); 
function dr ( nam , de , d , al ) { 
na = createEmptyMovieClip ( nam , de ); 
na . lineStyle ( d , 0x9900cc , al ); 
na . _x = 160 ; 
na . _y = 280 ; 
na . lineTo ( 240 , 0 ); 

//一个画线条的函数,四个参数对应什么,自己看哈 
onEnterFrame = function () { 
var a = getBytesTotal (); 
var b = getBytesLoaded (); 
//取得下载的数据 
if ( b < a ) { 
dr ( "b1" , 0 , 30 , 30 ); 
dr ( "b2" , 1 , 20 , 30 ); 
dr ( "b3" , 2 , 20 , 100 ); 
b3 . _xscale = b / a * 100 ; 
//画三条横线,显示下载进度; 
} else { 
delete onEnterFrame ; 
上一页12 3 下一页
文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:没有了
下一篇:非常棒的loading制作教程
Tags:     效果 // Loading lineTo 文本 一个 AS p/ nu/2 Math.cos
>>> 最新评论:(共有 0 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  相关文章
·Flash进度条的制作详细讲解(组图
·Flash基础理论课:制作Loading思
·Flash打造美女影片指导进度条
·简单的flash播放进度控制条
·flash进度控制条
·即拷即用的loading代码
·详谈flash Loading教程
·使用flash组件对loading的影响及
·flash预加载进度条(preload)—
·flash预加载进度条preload——进
  热门文章
·Flash进度条的制作详细讲解(组图)
·flash幻灯片网页效果
·Flex 3 AdvancedDataGrid的使用(第二
·全Flash动画网站实现的基础教学
·flash水影效果字
·Flash打造简单的飘雪动画视觉特效
·FLASH+XML相册(附源码)
·超酷flash光晕移动效果
·Flash旋转拖尾文字效果的制作教程
·Flash制作大雪纷飞效果动画
·flash春雷闪电效果
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号