清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐常见的loading条制作方法 (1),无聊中的都看过来。
【 tulaoshi.com - FLASH 】
首先我们在制作一个东西的时候我们应该有明确的思路和目标,下面让我们来看看制作思路。
思路:计算出影片的总字节数和正在下载的字节数,将正在下载的字节数除以影片的总字节数并乘以100%获得百分比例,再将其得到的百分数来带动Loading条的滚动。
制作方法如下:
步骤1 打开FLASH,执行"文件---新建"命令或按下CTEL+N建,新建一个文件;
步骤2 利用文本工具绘制个文本框,选择此文本为动态文本设置其变量名为bfb(如图1);
图1
步骤3 Ctrl+F8我们来绘制一个MC(影片剪辑),命名为loading(如图2),在属性面板里命名实例名称为MC;
图2
[1] 200806/13039_2.html'>[2] 200806/13039_3.html'>[3] 200806/13039_2.html'>下一页
步骤4 选择矩形工具绘制一图老师个长条,填充颜色为无,边框颜色为黑色;
步骤5 新建立一个图层,复制第1个图层的矩形框并粘贴到新建的图层,位置不变,此时填充颜色为黄色(可以自己定义),边框颜色为无(如图3);
图3
步骤6 在第1层的第100帧出插入帧,第2层第100帧处插入关键帧;
步骤7 图层2中的loading条制作变形动画,首先在第1帧处设置其宽度为1,最后1帧宽度不变,在中间创建补间动画并在第1帧动作面板里加入stop():语句(如图4);
图4
200806/13039.html'>上一页 200806/13039.html'>[1] [2] 200806/13039_3.html'>[3] 200806/13039_3.html'>下一页
步骤7 回到主场景,将名为loading的MC(影片剪辑),拖到主场景,并在第1层第3帧处插入普通帧,新建图层2同样第3帧处插入空白关键帧(如图5);
图5
步骤8 在第2层的第2帧处加入如下代码:
[Copy to clipboard] [ - ]CODE:
yxz=_root.getBytesLoaded();//已下载BYTE数
zxz=_root.getBytesTotal();//总下载BYTE数
bfb=int(yxz/zxz*100)+"%";//计算下载百分比
mc.gotoAndStop(int(yxz/zxz*100));//下载到百分之几就播放MC的第几帧
步骤9 同样在第3帧处动作面板里加入如下代码:
[Copy to clipboard] [ - ]CODE:
if(yxz==zxz)
{
gotoAndPlay(4);
}
else
{
gotoAndPlay(1);
}
注意:此处目的在于判断已下载的字节数是否与影片总字节数BYTE是否相等,如果不等则继续loading。
步骤10 最好将动态文本框和Loading条摆放好位置就OK咯(如图6);
图6
最后说明下 自认为做得很丑,但原理和方法是正确的。
200806/13039_2.html'>上一页 200806/13039.html'>[1] 200806/13039_2.html'>[2] [3]
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)来源:http://www.tulaoshi.com/n/20160318/1894910.html
看过《常见的loading条制作方法 (1)》的人还看了以下文章 更多>>