|
5.课件实现过程 在课件的制作过程中，为了便于修改和重复使用，将所有的课件元素都制作成元件；并且使用了很多的按钮交互用来进行各个页面之间的跳转。所以，课件的所有模块都放置在一个场景里，并用文件夹来使层次更加明了。如图5-1所示 paper51.com
http://www.paper51.com 图5-1 copyright paper51.com 以下是对各个功能模块具体描述：（以拼音“eng”为例） paper51.com 5.1.片头模块 paper51.com
此模块为课件的封面。其中的字体变换主要用了影片剪辑和形状渐变，用了 paper51.com
一个按钮进入主界面。运行界面（如图5-2）所示： 内容来自论文无忧网 www.paper51.com 图5-2 内容来自论文无忧网 www.paper51.com 其中出现的字体用了两个图层，上方的字体又分为两个部分，“彝族聚居地区学龄儿童”为一部分（如图5-5），“拼音教学课件”为一部分。每一个字为一个影片剪辑（如图5-3）所示，其中均用到了形状渐变。总程序框图（如图5-4）所示。 内容来自论文无忧网 www.paper51.com
内容来自www.paper51.com 图5-3 内容来自论文无忧网 www.paper51.com copyright paper51.com 图5-4 内容来自www.paper51.com
paper51.com
图5-5 copyright paper51.com 5.2.主界面 内容来自www.paper51.com
此模块添加了四个按钮，“说明”，“开始”和“退出”。标题的上面部分用了遮罩和形状渐变（如图5-6）所示，下面部分用了形状渐变。 http://www.paper51.com
copyright paper51.com 图5-6 copyright paper51.com 5.3.说明模块 copyright paper51.com
此模块中添加了一个米奇图像的影片剪辑，用来控制背景音乐的播放（如图5-7），移动的音乐符号用引导层来实现（如图5-8），闪动的“后鼻韵母”用遮罩来实现（如图5-9所示）。具体如下： paper51.com 图5-7 内容来自论文无忧网 www.paper51.com 图5-8 copyright paper51.com 图5-9 http://www.paper51.com 5.4.开始模块 http://www.paper51.com
此模块的内容全放在文件夹3中。如图5-10所示： 内容来自www.paper51.com
paper51.com 图5-10 http://www.paper51.com 其中的导航运行界面用影片剪辑和脚本语言来实现，如图5-11所示： paper51.com
内容来自论文无忧网 www.paper51.com
图5-11 内容来自www.paper51.com
在图5-10中加入的脚本语言如下： paper51.com MovieClip.prototype.sMove =function(speed, tx, ty) {//将sMove方法分给MovieClip,方法过程如下: 内容来自论文无忧网 www.paper51.com this._x+= speed*(tx-this._x);// 设置对象的x坐标,原坐标+速度*距离 http://www.paper51.com this._y+= speed*(ty-this._y); paper51.com
}; 内容来自www.paper51.com
_root.mousemove._visible = 0;// mousemove为跟随鼠标的元件,设置它不可见; copyright paper51.com
_root.ball._visible = 0;// 设置ball元件不可见 内容来自www.paper51.com _root.mousemove.onEnterFrame =function() { http://www.paper51.com this.sMove(0.05,_root._xmouse,_root._ymouse); copyright paper51.com }; copyright paper51.com var i = 1//这里必须设置一个初始值，否则循环内的i就不会一直加下去，如果把发布设置改为 1.0， flashplayer设为6.0，这个地方就不用了，系统会自动给没有定义的变量赋初值。 内容来自www.paper51.com _root. ball.onMouseMove=function () {//进入帧事件,自动循环 paper51.com for(var j = 0; j<5; j++) { 内容来自www.paper51.com
mc= this.duplicateMovieClip("ball"+i, i);// 复制ball 内容来自论文无忧网 www.paper51.com
mc._rotation= random(360);// 随机旋转 内容来自www.paper51.com mc._x= _root.mousemove._x;// 设置mc对象的x坐标 内容来自论文无忧网 www.paper51.com mc._y= _root.mousemove._y; paper51.com
i++; http://www.paper51.com }//复制5个对象 copyright paper51.com
}; paper51.com _root.outarea.onEnterFrame = function(){ paper51.com if(this.hitTest(_root._xmouse, _root._ymouse)) { 内容来自论文无忧网 www.paper51.com _root.sub01.gotoAndStop(1); copyright paper51.com _root.sub02.gotoAndStop(1); copyright paper51.com _root.sub03.gotoAndStop(1); 内容来自论文无忧网 www.paper51.com _root.sub04.gotoAndStop(1); 内容来自www.paper51.com
_root.sub05.gotoAndStop(1); 内容来自论文无忧网 www.paper51.com } http://www.paper51.com
};//outarea是一个透明的框，大小就是menu菜单下面的区域，这段代码主要是实现当鼠标移到menu下方时，把子菜单缩回去，如果没有这一段代码，当移到下方后，子菜单不会消失，显示的是最后你滑过的主菜单的子菜单。这里也可以看到，为什么会把第一帧留出来，动画都要从第二帧开始。 paper51.com _root.menu1.hit.onRollOver = function(){ http://www.paper51.com _root.menu1.gotoAndPlay(2); 内容来自www.paper51.com _root.sub01.gotoAndPlay(2); 内容来自www.paper51.com _root.sub02.gotoAndStop(1); copyright paper51.com _root.sub03.gotoAndStop(1); copyright paper51.com _root.sub04.gotoAndStop(1); 内容来自论文无忧网 www.paper51.com _root.sub05.gotoAndStop(1); http://www.paper51.com }; copyright paper51.com
_root.menu1.hit.onRollOut = function(){ 内容来自论文无忧网 www.paper51.com _root.menu1.gotoAndStop(1); paper51.com }; paper51.com _root.menu2.hit.onRollOver = function(){ http://www.paper51.com _root.menu2.gotoAndPlay(2); 内容来自论文无忧网 www.paper51.com _root.sub02.gotoAndPlay(2); copyright paper51.com
_root.sub01.gotoAndStop(1); copyright paper51.com _root.sub03.gotoAndStop(1); copyright paper51.com _root.sub04.gotoAndStop(1); copyright paper51.com _root.sub05.gotoAndStop(1); paper51.com
}; 内容来自www.paper51.com _root.menu2.hit.onRollOut = function(){ http://www.paper51.com
_root.menu2.gotoAndStop(1); 内容来自论文无忧网 www.paper51.com }; paper51.com _root.menu3.hit.onRollOver = function(){ 内容来自论文无忧网 www.paper51.com _root.menu3.gotoAndPlay(2); copyright paper51.com _root.sub03.gotoAndPlay(2); 内容来自www.paper51.com _root.sub02.gotoAndStop(1); 内容来自论文无忧网 www.paper51.com _root.sub01.gotoAndStop(1); http://www.paper51.com
_root.sub04.gotoAndStop(1); 内容来自www.paper51.com _root.sub05.gotoAndStop(1); paper51.com }; http://www.paper51.com
_root.menu3.hit.onRollOut = function(){ 内容来自论文无忧网 www.paper51.com _root.menu3.gotoAndStop(1); 内容来自www.paper51.com }; http://www.paper51.com _root.menu4.hit.onRollOver = function(){ paper51.com _root.menu4.gotoAndPlay(2); 内容来自论文无忧网 www.paper51.com _root.sub04.gotoAndPlay(2); copyright paper51.com _root.sub02.gotoAndStop(1); paper51.com _root.sub03.gotoAndStop(1); http://www.paper51.com _root.sub01.gotoAndStop(1); 内容来自论文无忧网 www.paper51.com
_root.sub05.gotoAndStop(1); http://www.paper51.com }; paper51.com _root.menu4.hit.onRollOut = function(){ 内容来自www.paper51.com
_root.menu4.gotoAndStop(1); 内容来自论文无忧网 www.paper51.com }; paper51.com _root.menu5.hit.onRollOver = function(){ 内容来自论文无忧网 www.paper51.com
_root.menu5.gotoAndPlay(2); http://www.paper51.com
_root.sub05.gotoAndPlay(2); 内容来自www.paper51.com
_root.sub02.gotoAndStop(1); 内容来自www.paper51.com _root.sub03.gotoAndStop(1); 内容来自www.paper51.com _root.sub04.gotoAndStop(1); 内容来自论文无忧网 www.paper51.com _root.sub01.gotoAndStop(1); paper51.com
}; http://www.paper51.com _root.menu5.hit.onRollOut = function(){ copyright paper51.com _root.menu5.gotoAndStop(1); 内容来自www.paper51.com };//这几个显示子菜单的代码是一样的，不同之处就是改一下menu和sub的序列号 copyright paper51.com stop(); 内容来自www.paper51.com 在上面的代码中，鼠标的特效刚开始时效果并不好，当鼠标移动过快时，那些跟随的星星就不能形成一个圆，且会满屏都是，后来针对这个问题找了一下原因，经过对别人的代码分析，找到了解决方法。这个需要再建一个movieclip实例，设置为隐藏，设计思想就是，新实例随着鼠标动，星星随着新实例动，这样做的好处就是可以设置新实例的步长，当鼠标移动过快时，它不会马上跟着鼠标跑，而是按着设定的步长慢慢移向鼠标，这样就解决了问题，不管鼠标移动多快，星星动画只是跟着那个新实例慢慢移动，所以一直会保持一个圆形。 paper51.com
在每一个拼音的演示过程中，在下方都有四个按钮，分别为“听”、“说”、“辨”、“练”，作为导航栏。在课件的运行过程中，可随时点击进入相应模块。 内容来自www.paper51.com 当鼠标经过按钮时，按钮发生形状变化并发出声音，这是设置了按钮的弹起、经过形状，并在鼠标经过帧加入了声音。如图5-12所示： http://www.paper51.com |