进度条的制作(flash).doc

《进度条的制作(flash).doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实践课课时教案动漫专业flash课程授课班级09.18授课教师刘强课题第章FLASH高级第节进度条的制作审批签字授课时数8课时授课时间第3、4周教具准备计算机投影仪教学目标能够制作Flash片头的进度条能够完场一个完整的动画教学重点制作进度条教学难点代码的理解学情分析学生对代码的理解与应用还存在很多问题，不会灵活运用教学主要内容制作进度条教学程序组织教学设备（材料）准备情况学生出勤情况整理现场指导计算机讲解示范操作工艺规程讲解演示学生制作个别辅导操作要领制作进度条安全要求用电安全正确使用计算机及相关设备教学过程设计（含学生训练及教师指导）附记一、进度条的意义：在网上发布了你的

2、作品后，由于文件较大，下载速度慢，有些朋友看到一片空白，不耐烦等待，就离开了你的网页。为了吸引他，你就做一个进度条，让进度条先来接待他，让他知道，网页是正常的，只要稍等会儿就会显示。就如你到饭店吃饭，菜不可能马上烧出来，这时小姐会给你倒一杯茶，让你悠闲的等待一样。二、进度条的原理：进度条主要是靠as代码来指挥的。你先制作一个进度条的影片剪辑，这个影片剪辑的长度为100帧，用形状补间动画把里面的填充色块逐帧扩大；而as代码的意义就是先计算出你的文件总的字节数大小，然后把下载的字节数转换成百分比数值，赋予给有关变量，从而使播放头跳到该帧，当下载数达到文件的总字节数时，播放头转到主

3、动画，并且停止播放进度条影片剪辑。三、添加进度条的二种情况：1、新制作动画影片时，你只要把进度条放在主场景的第一、二帧上，后面帧上再加主动画。当然相关的代码也要相应的变化。（这种情况我不作介绍。）2、如果你想在已有的FLASH文件中添加进度条，要移动第一帧上的所有元素到第三帧或以后的帧上，比较麻烦。这时你可以添加一个场景2，并把场景2设为主场景，因为动画播放的时播次场景。教程内容：一、添加场景2，并设为主场景：1、运行flash软件，打开你的原有作品文件，点击菜单“插入”－“场景”。图12、点击菜单“窗口”－“其他面板”－“场景”。图23、跳出界面，图3用鼠标左键按住“场景2

4、”向上拖动到“场景1”的上面，图4并关闭界面。二、创建“进度条”影片剪辑：1、点击菜单“插入”－“新建元件”。图52、在跳出界面中填写名称“进度条”，类型“影片剪辑”，点“确定”按钮。图63、在进度条的舞台上设二个图层。图74、在图层一第一帧上用矩形工具，画一个矩形，宽300象素，高20象素，边框设为绿色，填充色为红色。左边边缘对齐舞台的中心点。图85、用箭头工具选中中间的填充色块红色部分，按ctrl＋x键，剪切。6、到图层2第一帧上，点击菜单“编辑”－“粘贴到当前位置”。7、在图层2第100帧插入关键帧，回到第一帧，把色块宽度调整到3象素，并移动色块到最左边，（提示：可以在

5、属性面板修改数据，来缩小色块的宽度。）图98、图层2创建形状补间动画。图109、图层一第100帧插入帧。三、组装：1、回到场景2，也设二个图层，第一层为进度条层，第二层为as代码层。2、在第一层第一帧，把库中的进度条影片剪辑拖入场景，放到合适的位置，在属性面板上写上实例名“进度条"。图113、选择文本工具“A”，在舞台合适的位置加入一个动态文本框，在属性面板上设置文本类型：动态文本；字体：Arial；变量名：jd；单行；字体大小颜色自定。图123、在第二层第一帧，添加as代码，选中第一帧在属性面板<帧标签>处，写上"bo"，图13然后打开动作面板，复制下面的代码并粘贴。图14

6、 total=_root.getBytesTotal();//将已经下载的字节数赋值给loaded变量loaded=_root.getBytesLoaded();//取整计算已下载的字节数的百分比并赋值给变量loadload=int(loaded/total*100);//把已下载的字节数赋值给动态文本变量loadtxtloadtxt="loading"+load+"%";//进度条同时按百分比数跳转到相应的帧上去;_root.进度条.gotoAndStop(load);4、在第二层第二帧，插入空白关键帧，添加as代码，//如果下载字节数=总字节数，跳转到"场景1",第1帧并

7、停止播放进度条if(loaded==total){gotoAndStop("场景1",1);//否则跳转到标签名"bo"的帧,继续下载}else{gotoAndPlay("bo");}5、最后更改一下背景颜色，随意。四、测试教后记：学生能够按照代码制作出相应的动画，但是对script语言的理解还存在问题，有待提高