重庆科创职业学院教学资源库FLASH动画设计26.pptVIP

FLASH Flash网站设计与制作二 基本原理讲解 1.Flash网站的设计与制作流程 网站结构规划—Flash场景规划—素材准备—分别制作—整体整合 2. 常用技术 1）、重要ActionScript代码控制 2）、Loading的制作 3）、文本导入 3.实例制作剖析 1）、本实例网站结构规划 2）、首页场景index.swf的制作 3）、次场景Cartoon(200208.swf)的制作 4）、二级次场景制作 FLASH 教学情景设计：全Flash网站制作实例。 步骤1：index.swf Index.swf主要是加载main.swf并包括一个loading效果的（这个loading效果是我最满意的部分，是受一个广告的启发，虽然实现很简单），这个loading在后面的模块中也经常使用，所以把它做成一个单独的MC(loading_mc)。步骤2：制作过程： 左边的那个标尺不用说了吧，使用极细直线来作，右边的动态文本命名为loading_txt，字体使用04b_08，大小为6 下面就是AS代码部分了，在主场景第一帧写代码： fscommand(fullscreen, true);????? fscommand(allowscale, false);?? var my_mcl=new MovieClipLoader();?? var mcllistener=new Object();????????var container=this.createEmptyMovieClip(container, this.getNextHighestDepth()); //container用于装加载的main.swf mcllistener.onLoadStart=function(){ loading_mc._visible=true; loading_mc.loading_txt.text=00.00; } mcllistener.onLoadProgress=function(target, bytesLoaded, bytesTotal){ FLASH var loaded=100*bytesLoaded/bytesTotal; loading_mc.loading_txt.text=loaded.toString().slice(0,5); loading_mc.loading_txt._y=50-loaded/2; }//loaded是加载的百分比，因为我的标尺高度是50px,所以loading_txt的y值应为50-//loaded/2 mcllistener.onLoadComplete=function(){ loading_mc._visible=false; }//加载完成后，loading_mc隐藏 mcllistener.onLoadInit = function(target){ target._x=0; target._y=0; } my_mcl.addListener(mcllistener); my_mcl.loadClip(main.swf,container); FLASH 作业：依情景案例自主进行Flash网站的设计与制作的操作练习。 小结：本节主要讲解了Flash网站的设计与制作的基本操作，并依据相关实例进行讲解，使学生通过自主练习掌握本节重点内容。 * *