//加载需要使用的类
import mx.transitions.Tween;
import mx.transitions.easing.*;
//初始化各项参数
var _this:MovieClip = this;//进度条总长度
var bar_width:Number = 200;//进度条总高度
var bar_height:Number = 15;//细柱进度个数
var barItemNum:Number = 25;
//细柱进度宽度
var Item_width:Number = bar_width/barItemNum;//细柱进度间隔像素
var Item_xInterval:Number = 2;//细柱进度编码
var Item_Index:Number = 1;//是否已经结束
var MotionEnd:Boolean=false;//正在下载的编码
var NowDownIndex:Number;//细柱进度颜色
var barColor:Number = 0xffff00;//初始化效果库
var inEffect_lib:Array = new Array("Effect_fadeRandomMoveIn", "Effect_fadeIn", "Effect_XDropIn", "Effect_YDropIn",
"Effect_WindIn", "Effect_XElasticIn", "Effect_YElasticIn");
var outEffect_lib:Array = new Array("Effect_fadeRandomMoveOut", "Effect_fadeOut", "Effect_RandomXmove",
"Effect_RandomYmove", "Effect_WindOut", "Effect_ElasticYOut");//是否开启效果
var OpenEffect:Boolean = true;//开始效果编号
var StartEffect:Number = 4;//结束效果编号
var EndEffect:Number = 4;//是否开启随机效果
var RandomEffect:Boolean = true;
if (RandomEffect) {
var StartEffect:Number = random(inEffect_lib.length);
var EndEffect:Number = random(outEffect_lib.length);
}//是否显示进度数字
var ShowLoadNum:Boolean = true;
if (ShowLoadNum) {
var TF_format:TextFormat = new TextFormat();
TF_format.color = barColor;
TF_format.align = "right";
var progressNum:TextField = this.createTextField("progressNum", 2, -50, -2, 50, 20);
progressNum.selectable = false;
}//是否开启背景
var OpenBack:Boolean = true;//背景颜色
var BackColor:Number = 0x000000;
if (OpenBack) {
var progress_back:MovieClip = this.createEmptyMovieClip("progress_back", 1);
progress_back._x = -5;
progress_back._y = -2.5;
roundedRectangle(progress_back, bar_width+8, bar_height+5, 5, BackColor, 100);
if (ShowLoadNum) {
progress_back._x = -34;
roundedRectangle(progress_back, bar_width+36, bar_height+5, 5, BackColor, 100);
}
if (OpenEffect) {
var NewMC_tween:Object = new Tween(progress_back, "_xscale", Elastic.easeOut, 0, 100, 1, true);
}
}//函数
//创建进度条
function buildBar(loadedBytes, totalBytes) {
NowDownIndex = Math.round((loadedBytes/totalBytes)*barItemNum)+1;
progressNum.text = Math.round((loadedBytes/totalBytes)*100)+"%";
progressNum.setTextFormat(TF_format);
if (Item_IndexItem_Index) {
for (var i:Number = Item_Index; i
//定义结束触发函数
var finnishFuc:Number;
function onLoadFinnished() {
finnishFuc = setInterval(_this, "onAllOver", 50);
}
//结束效果完成后函数
//Back,Bounce,Elastic,None,Regular,Strong
function onAllOver() {
this[outEffect_lib[EndEffect]]();
Item_Index--;
if (Item_Index
//删除所有Interval
function clearAll(Void):Void {
var tmpId:Number = setInterval(function () {
}, 10);
while (--tmpId>0) {
clearInterval(tmpId);
}
}
//loading结束后函数
function onAllMoved() {
Item_Index = NowDownIndex;
if (Item_Index>=barItemNum) {
NewMC_tween.onMotionFinished = function() {
onLoadFinnished();
};
}
}
//================================================
var NewMC_tween:Object;
//退出效果
function Effect_fadeRandomMoveOut() {
var NewMC:MovieClip = this["rect_"+Item_Index];
NewMC_tween = new Tween(NewMC, "_alpha", Strong.easeIn, 100, 0, 1, true);
NewMC_tween = new Tween(NewMC, "_x", Strong.easeIn, NewMC._x, random(Stage.width)-this._x, 1, true);
NewMC_tween = new Tween(NewMC, "_y", Strong.easeIn, NewMC._y, random(Stage.height)-this._y, 1, true);
}
function Effect_fadeOut() {
var NewMC:MovieClip = this["rect_"+Item_Index];
NewMC_tween = new Tween(NewMC, "_alpha", Strong.easeIn, 100, 0, 1, true);
}
function Effect_RandomXmove() {
var NewMC:MovieClip = this["rect_"+Item_Index];
NewMC_tween = new Tween(NewMC, "_alpha", Strong.easeIn, 100, 0, 1, true);
NewMC_tween = new Tween(NewMC, "_x", Strong.easeIn, NewMC._x, random(Stage.width)-this._x, 1, true);
}
function Effect_RandomYmove() {
var NewMC:MovieClip = this["rect_"+Item_Index];
NewMC_tween = new Tween(NewMC, "_alpha", Strong.easeIn, 100, 0, 1, true);
NewMC_tween = new Tween(NewMC, "_y", Strong.easeIn, NewMC._y, random(Stage.height)-this._y, 1, true);
}
function Effect_WindOut() {
var NewMC:MovieClip = this["rect_"+Item_Index];
NewMC_tween = new Tween(NewMC, "_alpha", Strong.easeIn, 100, 0, 1, true);
NewMC_tween = new Tween(NewMC, "_x", Strong.easeIn, NewMC._x, NewMC._x-100, 1, true);
NewMC_tween = new Tween(NewMC, "_y", Strong.easeIn, NewMC._y, NewMC._y-50, 1, true);
}
function Effect_ElasticYOut() {
var NewMC:MovieClip = this["rect_"+Item_Index];
NewMC_tween = new Tween(NewMC, "_alpha", Strong.easeIn, 100, 0, 1, true);
NewMC_tween = new Tween(NewMC, "_y", Elastic.easeIn, NewMC._y, random(Stage.height)-this._y, 1, true);
}
//进入效果
function Effect_fadeRandomMoveIn() {
for (var i:Number = Item_Index; i
//=============================================
//画圆角矩形
function roundedRectangle(target_mc:MovieClip, boxWidth:Number, boxHeight:Number,
cornerRadius:Number, fillColor:Number, fillAlpha:Number):Void {
with (target_mc) {
clear();
beginFill(fillColor, fillAlpha);
moveTo(cornerRadius, 0);
lineTo(boxWidth-cornerRadius, 0);
curveTo(boxWidth, 0, boxWidth, cornerRadius);
lineTo(boxWidth, cornerRadius);
lineTo(boxWidth, boxHeight-cornerRadius);
curveTo(boxWidth, boxHeight, boxWidth-cornerRadius, boxHeight);
lineTo(boxWidth-cornerRadius, boxHeight);
lineTo(cornerRadius, boxHeight);
curveTo(0, boxHeight, 0, boxHeight-cornerRadius);
lineTo(0, boxHeight-cornerRadius);
lineTo(0, cornerRadius);
curveTo(0, 0, cornerRadius, 0);
lineTo(cornerRadius, 0);
endFill();
}
}
本文转自:http://www.5uflash.com/flashjiaocheng/Flash-loadingjiaocheng/2049.html
发表评论
-
纯AS动感LOADING,可以开启随机12种效果
2010-04-10 13:36 634//加载需要使用的类 import mx.transition ... -
纯ActionScript的Loading效果四例
2010-04-10 13:36 602前言:稍微大一些的Flash作品在播放之前都会有一个Load ... -
纯ActionScript的Loading效果四例
2010-04-10 13:36 476前言:稍微大一些的Flash作品在播放之前都会有一个Load ... -
利用装载字节数制作loading
2010-04-10 13:36 566终于搞定。。呵呵。。 ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 14:01 616[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
ActionScript 3.0系列教程:Document Class特色为我们带来了什么?
2010-04-09 14:01 563Document Class,中文直译为“文档类”。顾名思义 ... -
ActionScript 3.0系列教程:Document Class特色为我们带来了什么?
2010-04-09 14:01 617Document Class,中文直译为“文档类”。顾名思义 ... -
AS3.0的类及绑定
2010-04-09 14:01 748[1b]ActionScript 3.0系列教程(2):AS ... -
AS3.0的类及绑定
2010-04-09 14:00 742[1b]ActionScript 3.0系列教程(2):AS ... -
as3游戏开发之打气球系列(二)
2010-04-09 11:51 451HI,经过了昨天疯狂的理 ... -
我对as3声音架构的理解
2010-04-09 11:51 532一直都对as3的声音架构 ... -
as3.0游戏开发之打气球系列(一)
2010-04-09 11:51 462好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 11:50 503在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 11:50 523很不错的视频教程 原文地址: http://blog.sina ... -
漫画绘制技法大放送(上)
2010-04-08 11:23 507网络收集整理(jundark) [1b]一、人体基本结构[/1 ... -
flash动画形变讨论二:低头
2010-04-08 11:23 531上次说了基本的形变,现在说下提示点,提示点是控制图形变化的基本 ... -
卡通娃娃360度转身动画
2010-04-08 11:23 546超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了, ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 11:23 613。先看下时钟效果: var fnum:Number = ... -
动画人物运动规律与节奏
2010-04-08 11:22 842本文转自:h ... -
用FLASH MX制作动画卡通人物(1)-人物素材的准备与处理
2010-04-08 09:37 1000看见下面的小男生了吧,眨~眼,抬~手,很简明的卡通形象,本篇所 ...
相关推荐
页面动感loading特效代码 使用推荐下载
swing 鼠标事件 loading效果
纯脚本页面loading效果
这是一组效果非常炫酷的纯CSS3 Loading加载动画特效。这组loading动画共有27种不同的效果。每一种loading动画都是通过CSS3的keyframes帧动画来完成的,每一个加载动画都构思新颖,效果非常的酷。
FLASH AS3 loading
超酷loading效果超酷loading效果
10种loading效果,精美效果,十分有用.
Android动感十足的loading加载效果
CSS3实现多种load加载效果,纯CSS3实现多种加载中效果,纯CSS3实现28种加载动态效果,页面实现loading效果,好看的loading动态特效,animation与transform的灵活应用。 知识点: 主要使用 1、animation属性的设置,...
as3.0 开发的钟表型动画Loading源码
前端12种loading加载,操作简单方便,适合前端初学着复用。
FLASH AS3 loading 源文件 源代码
这是一款共2种炫酷效果的纯CSS3 loading加载动画特效。该CSS3加载动画分别为弹跳的小方块和月亮绕地球旋转的动画效果。它们使用的技术都是CSS animation来实现,效果非常的震撼。
纯css3实现渐进点点loading效果
纯CSS3实现8款Loading加载动画特效,可以比拟gif动画效果的8个创新绿色Loading加载特效,动画效果非常漂亮。 这是一款非常不错的导航菜单,鼠标悬停导航上面文章内容遮罩变暗,鼠标离开文章高亮显示。
动感十足的loading加载效果.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
包含使用svg制作的加载loading动画。该加载loading动画特效共有11种效果,使用img标签直接调用svg文件来生成各种SVG动态图片。
12种loading样式,css样式,需要的朋友可以看下,颜色可修改
SpinKit是一组效果非常酷的纯CSS3 Loading指示器动画特效。这组loading指示器共有11种不同的效果。它通过硬件加速来制作平滑的CSS3动画过渡效果。通过它你可以制作出非常炫酷的页面loading效果。
附件提供了28个不同的加载效果,你可以任选一种作为你的手机网页端部分模块的loading效果,而不需要考虑兼容性的问题 使用方法: 1、将head中的css样式以及js引入到你的网页中 2、选择一个你喜欢的...