flash二维动画加载条怎么做

め自醉自演

2024-05-20

向TA提问

//这个是手动制作的，方便制作美观的图形和添加效果，制作个性化加载条。

import flash.events.ProgressEvent;import flash.events.Event;

/*

1、新建影片剪辑，命名为进度条

2、在进度条元件中第一帧，画上一个矩形，设置其坐标为(0,0)

3、新建影片剪辑，命名为加载条

4、将进度条拉到加载条元件第一帧，点击进度条元件，在“属性”中命实例名为 bar,再设置其坐标为(0,0)

5、在加载条元件中，添加新图层2，复制(Ctrl+C)图层1的进度条，点击图层2，原位粘贴元件(Ctrl+Shift+V)，之后将元件打散

6、添加新图层3，同步骤5在图层3添加散图

7、将图层3拉到图层1修改图层3散图的颜色，作为加载进度的底图

8、右击图层2，在弹出的菜单中，选择“遮罩层”

9、回到主场景，将加载条拉到主场景中，命其实例名为mc_bar，则添加如下代码

*/

this.loaderInfo.addEventListener(ProgressEvent.PROGRESS,progressFun);this.loaderInfo.addEventListener(Event.COMPLETE,completeFun);

/**

*

*加载中

*/

function progressFun(e:ProgressEvent):void{

if(!this.mc_bar){

return;

}

var percent:Number = Math.floor(e.bytesLoaded/e.bytesTotal*100)/100;

this.mc_bar.bar.x = (percent-1)*this.mc_bar.bar.width;

if(this.mc_bar.txt_percent){

this.mc_bar.txt_percent.text = percent+"%";

}}

/**

*加载完成

*/

function completeFun(e:Event):void{

this.loaderInfo.removeEventListener(ProgressEvent.PROGRESS,progressFun);

this.loaderInfo.removeEventListener(Event.COMPLETE,completeFun);}

/*

按Ctrl+Enter测试影片，在影片中主菜单“视图”->“下载设置”中选择需要模拟的宽带速度，

再点选“视图”->“模拟下载”或在影片中再按Ctrl+Enter进行下载进度测试

*/

/**

*

*注意：由于现文件够小，你查看不到效果

*

*PS:这是纯手动答案，测试正常。没证据，别侮辱别人的劳动成果*/

三千

2024-05-20

向TA提问

flash loading 最简单做法 美化本身做了画一个长条矩形最简单的左到右加载转为图片元件 之后 在转为影片剪辑在影片剪辑里面 100帧内做加载动画不太清楚100帧后动画代码是否剖断会有效的原因照样100帧固定做个最简单的补间选中影片剪辑里面的矩形图形按Q出现自由变换器械把中间点拉到最左接着在100帧处插入关键帧把第一帧的图像自由变更向左缩小之后全选帧右键补间动画好了这个加载动画做完了之后新建层在这个新层里做一个动态文本显示100比用按T点击场景出现文本框 属性里面的静态文本改为动态文本之后变量写上text其实后面代码对应罢了可以自定好了loading的影片剪辑做完了选中loading这个影片剪辑按F9弹出动作输入onClipEvent (load) { total = _root.getBytesTotal(); } onClipEvent (enterFrame) { loaded = _root.getBytesLoaded(); percent = int(loaded/total*100); text = percent "%"; gotoAndStop(percent); if (loaded == total) { _root.gotoAndPlay(3); } }代码个别解释text = percent "%"; 这段就是动态文本那个变量text了反正这边等于号签名写了什么动态文本对应一样的变量就可以了_root.gotoAndPlay(3)这个就是加载完后跳转到哪里开端播放你的动画最后别忘了有loading影片剪辑的帧 帧里面写上stop()敕令一般的话loading都在第一帧出现大年夜概就如许了输出后swf视图-模仿下载 就可以测试是否真的进度条下载了by 零社学院 露易

鸽你一下

2024-05-20

向TA提问

利用AC制作Loading下载指示条 Loading下载指示条在Flash作品中是很常见的，利用这样的指示条可以实现真正的交互，给浏览者一个实时的信息。这种Loading的制作方法要求对AC熟练程度较高，限于篇幅这里就不进行深入的分析说明了，其做法的要点是：运用Flash5新增加的属性“_framesloaded”和“_totalfrmes”的比值来实现，并且把数值传递到一个“dynamic text”中输出。用这个比值来控制精度条的缩放，以达到“补血”的动画效果。用同样的方法，我们可以利用getbytesloaded()、getbylestotal()和gettimer()计算出带宽，剩下的具体步骤留给读者自己完成。 制作Loading动画演示效果 下面主要说使用简单的AC判断电影下载是否完全，和Loading动画演示效果的制作

FLASH loading制作

原理：制作时主场景动画留下前两帧放Loading判断和Loading动画，第三帧开始是主动画。因为MC可以自己独立播放，所以只需要制作一个MC动画，接着放在第一、二帧的判断循环中就可以了。 举例（预载画面只有一个Loading闪烁的制作方法）：

1. 首先在电影的最后一帧定义个名叫“end“的标签；

2.然后定义第一帧的AC为ifFrameLoaded (“end”) { gotoAndPlay (3)； }，第二帧的AC为gotoAndPlay (1)；

3. 接着开始制作闪烁的Loading MC。新建一个MC，命名为“Loading“，用文字工具在场景中输入文字，此例中输入“Loading……”，接着在第二帧插入一个空帧。由于MC的自身循环播放，所以就能产生闪烁的效果。

4. 然后把此MC拖入到主场景的第一个影帧中，此例完成。 Loading动画演示效果进阶制作 其实现在很多动画基本上都是运用了这个原理，只是在细节中表现手法不同，另外也加入了一些AC进行控制。各种效果不同的Loading，我们在ShowGood的作品中看到不少。例如《神啊，求求我吧》这个MTV的Loading，其主要是一个鼠标的MC跟随效果（图1）。要实现这种效果不难，这里就介绍一种简单的类似的实现方法。Loading的原理和刚才介绍的制作方法类似，用一、二帧做判断。不同的是，这里第四帧才是主动画，第三帧放按钮做个选择。制作方法如下： 1. 新建一个Flash文件，新建一个MC，命名为“Loading”，添加动画背景。

2. 这里Loading MC的制作有些不同，需要用两个MC来完成，要再新建一个MC作为鼠标跟随效果，命名为“mousem”。这里可以模仿ShowGood的旋转星星制作一个动画MC（留给读者自己制作）。

3. 接着我们把刚做好的mousem MC拖放到Loading MC中并加入AC：startDrag (“mousem”)；，然后再把Loading MC拖入场景中。

注意：在MC的时间轴一定要在第三帧的地方插入一关键帧，也就是按F6键。

4. 接下来做第三帧。创做一个PLAY的按钮（图2），新建一层，然后在第三帧插入一关键帧，把按钮放入适当的位置并定义这个按钮的AC为：on (release) { gotoAndPlay (4)；}。另外在该层第三帧加入一个AC：Stop()；。

一个可爱的Loading效果就做好了。 其他的Loading动画效果都是上面的派生。不过想做好一个动画还真不是件简单的事情，不仅要有好的创意和好的美工，还要有对一些常用AC的了解和运用。这些方面的内容只有留给读者们自己慢慢提高了

救赎

2024-05-20

向TA提问

这是第一帧代码：

byteloaded

=

_root.getBytesLoaded();

bytetotal

=

_root.getBytesTotal();

这是第三帧代码：

if

(byteloaded

==

bytetotal)

{play();

}

else

{gotoAndPlay(1);

}

第四帧之后是您的动画。

桃拾

2024-05-20

向TA提问

一、进度条的意义：在网上发布了你的作品后，由于文件较大，下载速度慢，有些朋友看到一片空白，不耐烦等待，就离开了你的网页。为了吸引他，你就做一个进度条，让进度条先来接待他，让他知道，网页是正常的，只要稍等会儿就会显示。就如你到饭店吃饭，菜不可能马上烧出来，这时小姐会给你倒一杯茶，让你悠闲的等待一样。二、进度条的原理：进度条主要是靠as代码来指挥的。你先制作一个进度条的影片剪辑，这个影片剪辑的长度为100帧，用形状补间动画把里面的填充色块逐帧扩大;而as代码的意义就是先计算出你的文件总的字节数大小，然后把下载的字节数转换成百分比数值，赋予给有关变量，从而使播放头跳到该帧，当下载数达到文件的总字节数时，播放头转到主动画，并且停止播放进度条影片剪辑。三、添加进度条的二种情况：1、新制作动画影片时，你只要把进度条放在主场景的第一、二帧上，后面帧上再加主动画。当然相关的代码也要相应的变化。(这种情况我不作介绍。)2、如果你想在已有的FLASH文件中添加进度条，要移动第一帧上的所有元素到第三帧或以后的帧上，比较麻烦。这时你可以添加一个场景2，并把场景2设为主场景，因为动画播放的时播次场景。我这里就以原有的作品添加进度条为例。(软件是用FLASH 8)教程内容：一、添加场景2，并设为主场景：1、运行flash软件，打开你的原有作品文件，点击菜单“插入”-“场景”。图1 2、点击菜单“窗口”-“其他面板”-“场景”。图2 3、跳出界面，图3 用鼠标左键按住“场景2”向上拖动到“场景1”的上面，图4 并关闭界面。　　二、创建“进度条”影片剪辑：1、点击菜单“插入”-“新建元件”。图5 2、在跳出界面中填写名称“进度条”，类型“影片剪辑”，点“确定”按钮。图6 3、在进度条的舞台上设二个图层。图7 4、在图层一第一帧上用矩形工具，画一个矩形，宽300象素，高20象素，边框设为绿色，填充色为红色。左边边缘对齐舞台的中心点。图8 5、用箭头工具选中中间的填充色块红色部分，按ctrl+x键，剪切。6、到图层2第一帧上，点击菜单“编辑”-“粘贴到当前位置”。7、在图层2第100帧插入关键帧，回到第一帧，把色块宽度调整到3象素，并移动色块到最左边，(提示：可以在属性面板修改数据，来缩小色块的宽度。)图9 8、图层2创建形状补间动画。图10 9、图层一第100帧插入帧。　　三、组装：1、回到场景2，也设二个图层，第一层为进度条层，第二层为as代码层。2、在第一层第一帧，把库中的进度条影片剪辑拖入场景，放到合适的位置，在属性面板上写上实例名“进度条"。图11 3、选择文本工具“A”，在舞台合适的位置加入一个动态文本框，在属性面板上设置文本类型：动态文本;字体：Arial; 变量名：jd;单行;字体大小颜色自定。图12 3、在第二层第一帧，添加as代码，选中第一帧在属性面板<帧标签>处，写上"bo"，图13 然后打开动作面板，复制下面的代码并粘贴。图14 total = _root.getBytesTotal();// 将已经下载的字节数赋值给loaded变量loaded = _root.getBytesLoaded();// 取整计算已下载的字节数的百分比并赋值给变量loadload = int(loaded/total*100);// 把已下载的字节数赋值给动态文本变量loadtxtloadtxt = "loading"+load+"%";// 进度条同时按百分比数跳转到相应的帧上去;_root.进度条.gotoAndStop(load);4、在第二层第二帧，插入空白关键帧，添加as代码，//如果下载字节数=总字节数，跳转到"场景 1", 第1帧并停止播放进度条if (loaded == total) {gotoAndStop("场景 1", 1);//否则跳转到标签名"bo"的帧,继续下载} else {gotoAndPlay("bo");}5、最后更改一下背景颜色，随意。四、测试：由于在电脑里测试，文件下载速度快，所以进度条显示一瞬间，要先看他的全过程，应如下操作：按ctrl+回车键，跳出播放界面后，点击顶部菜单“视图”-“模拟下载”。图15 就可以看到全过程了。提醒：1、小的文件没有必要装进度条。2、进度条也可以制成各种效果，不过进度条所占的字节不能太大，否则本末倒置。

吴京，郭帆

2024-05-20

向TA提问

要制作一个Flash二维动画加载条，可以按照以下步骤进行操作：

1. 打开Adobe Flash软件，创建一个新的Flash文件。

2. 在舞台中心添加一个长条形形状作为加载条的外框。可以使用矩形工具或者线条工具进行绘制，根据你想要的加载条样式来确定。

3. 在工具栏上方选择文本工具，点击舞台上的加载条外框，添加一个动态文本框，用于显示加载进度。

4. 在时间轴上的第一帧上，点击右键选择“转换为按钮”选项，将加载条外框转换为按钮。

5. 双击加载条按钮，进入按钮编辑模式。

6. 在按钮编辑模式中，选择加载条外框并右键点击，选择“实例化到”选项，并选择一个空的MC（影片剪辑）作为加载条的容器。

7. 在刚刚创建的加载条容器内，添加一个矩形形状作为加载进度条。这个进度条的长度将会随着加载进度的增加而变化。

8. 在舞台上随意添加一个文本框，并将其转换为动态文本框。用于显示加载百分比。

9. 点击舞台上的加载进度条，右键选择“实例化到”选项，并选择前面创建的动态文本框作为进度条的实例。

10. 选择舞台上的第一帧，并在动作面板中输入以下代码：

```

stop();

var loader:Loader = new Loader();

var url:String = \"your_animation.swf\"; // 替换为你的动画文件路径

var request:URLRequest = new URLRequest(url);

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);

loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);

addChild(loader);

function progressHandler(event:ProgressEvent):void {

var percent:Number = event.bytesLoaded / event.bytesTotal * 100;

progressBar.scaleX = percent / 100;

loadingText.text = \"正在加载 \" + percent.toFixed(0) + \"%\";

}

function completeHandler(event:Event):void {

play();

removeChild(loader);

}

```

11. 替换代码中的\"your_animation.swf\"为你的实际动画文件路径。

12. 运行动画，你将看到加载条在加载过程中逐渐填充，并显示加载百分比。

这样就完成了一个基本的Flash二维动画加载条。你还可以根据需要进行样式、动画效果的调整。