“简洁型loading制作”菜鸟终极教程(想看不懂都难)

这篇教程面向刚学Flash的初学者,详细讲解如何制作一个简单的Loading动画,包括画面制作和程序设计两部分。通过创建Movie Clip,绘制填充方块,设置动画帧,以及编写ActionScript控制加载进度和显示百分比,实现Loading效果。教程最后提到,在第二帧放置实际内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一次正式的写教程,还望大家多多支持和鼓励。也是自己在学习的过程中的一些

经验,很高兴可以和大家一起分享。

这个教程适合看的人群是刚刚开始学flash的菜鸟,因此我把他叫做菜鸟教程(这不是一废话吗?),当然老鸟闲来无事也可以瞄上几眼。

开始讲正题了吧,今天我们做的是一个再简单不过的loading了,至于loading派啥用,我想不用我多说了吧(实在不知道跟我说哦)。

整个loading的制作分为两个部分:“画面制作”和“程序设计”。

一,画面制作。

首先在主场景中随意画点东动,选中后f8建立一个新的mc(名为loadbar)。



好了,现在我们就在mc的编辑窗口了哦,把刚才的东东删了吧。在第一帧上绘制一个填充方块(描边的选项是“无”)。设定宽度为200象素。



接下来选中这个绿条,f8再建立一个mc。然后再100帧的地方f6插入一个关键帧。

回到第一帧,在宽度里填上1。然后就是在时间线的属性里面设定“动作”(界面如下图,对吗?)



好了,动画部分的制作基本完成了,这时候我们再回到主场景,把刚才做的mc (loadbar)从库窗口拖入舞台吧。

二,程序设计

大家可能都知道,as可能放在时间线上,按纽上,mc的实例上。

今天我们要写的as要加在拖入舞台的mc(loadbar)实例上,说的通俗一些,就是要控制这个mc当中的动画,当他完成既为“最长条”状态的时候我们的整个动画也下载完毕了。

当然仅有这个还不够,我们还要显示动画下载的百分比。

再新建一个层放百分比。



在mc的下面拖出一个动态文本框,在变量框里面写percent



好了,现在我们再选中mc,打开动作面板,依次写入以下语句。

onClipEvent (load) { //mc载入时,保持mc的停留位置。
stop();
}
onClipEvent (enterFrame) { //mc中循环执行以下语句
byteloaded = _root.getBytesLoaded(); //获取已下载字节数
bytetotal = _root.getBytesTotal(); //获取总字节数
loaded = int(byteloaded/bytetotal*100); //计算目前下载的百分比
_root.percent = loaded+"%"; //使主场景中的文本框显示下载比例
gotoAndStop(loaded); //根据下载比例跳转到进度条的相应帧号
if (byteloaded==bytetotal) { //如果完全下载完毕
_root.play(2); //开始播放第2帧
}
}



ok,大功告成,接下来我们在第二帧上开始就可以放你做的真正的东东拉。

感谢您看完哦!88!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值