第十讲：flash导航菜单 课程设计.ppt

计算机动画设计 第十讲：flash导航菜单 一、getURL()函数 二、一级菜单的制作原理 三、二级菜单的制作原理 四、缓冲效果 五、弹性效果 作业评讲：用键盘控制物体的运动 1、四个方向的运动 共两个图层。在图层一上建立影片剪辑实例，取名为obj。 主场景，在图层二上写代码。第1帧： dirx=1; diry=1; dis=10; 第2帧： obj._x+=dirx*dis; obj._y+=diry*dis; 第3帧： gotoAndPlay(2); 在图层二上插入一个空的影片剪辑实例，为其添加代码： onClipEvent (keyDown) { if(Key.getCode()==37) {_root.dirx=-1;_root.diry=0;} if(Key.getCode()==38) {_root.dirx=0;_root.diry=-1;} if(Key.getCode()==39) {_root.dirx=1;_root.diry=0;} if(Key.getCode()==40) {_root.dirx=0;_root.diry=1;} if(Key.getCode()==90) _root.dis--;//按z减速 if(Key.getCode()==88) _root.dis++;//按x加速 } 关于“把所有的代码都写在帧上” onKeyDown是Object类的事件。因此要专门指定一个Object对象来监测KeyDown事件的发生。 第一帧： dis=5; dirx=1; diry=0; var lsn:Object=new Object(); Key.addListener(lsn); lsn.onKeyDown=function(){ if(Key.getCode()==Key.LEFT){ dirx=-1; diry=0; } if(Key.getCode()==Key.RIGHT){ dirx=1; diry=0; } if(Key.getCode()==Key.UP){ dirx=0; diry=-1; } if(Key.getCode()==Key.DOWN){ dirx=0; diry=1; } if(Key.getCode()==90) dis++; if(Key.getCode()==88dis0) dis--; } 2、八个方向的运动——另一种响应键盘操作的方式 以“按键运动，放开停止”的情况为例。 用onClipEvent(keyUp)无法捕获第二个按键的放开。 可以使用Key.isDown()函数来判断某个按键是否被按下。将Key.isDown()放在onEnterFrame = function() 函数中，实现在每帧都对按键状况做检测。 共两个图层。在第一层上创建影片剪辑实例，取名为obj。 在第二层上写代码。第1帧： dirx=0; diry=0; dis=5; onEnterFrame = function() { if(Key.isDown(37)) dirx=-1; else dirx=0; if(Key.isDown(38)) diry=-1; else diry=0; if(Key.isDown(39)) dirx=1; if(Key.isDown(40)) diry=1; } 第2帧： obj._x+=dirx*dis; obj._y+=diry*dis; 第3帧： gotoAndPlay(2); 一、getURL()函数 getURL()函数将来自特定 URL 的文档加载到窗口中，我们可以将它放在一个按钮或影片剪辑的on (release) {}函数中，以实现给该按钮或影片剪辑添加链接。 例1：用flash实现的一个静态菜单。 二、一级菜单的基本制作原理 制作一级菜单应包括以下元件的制作： 1、入场动画； 2、菜单项上的鼠标悬停动画； 3、菜单项上的单击动画。 以下例说明制作flash动态一级菜单的基本原理： 例2：一个简单动态一级菜单的制作 插入5个新建影片剪辑元件，在每个元件名上双击进入元件编辑界面，进行以下编辑： 1、以一个长方形作为背景； 2、在背景上以静态文本添加菜单选项名； 3、在第5帧和第10帧分别插入关键帧，并创建补间动画；在第1、5、10帧添加代码：stop(); 4、在第5帧改变影片剪辑的大小、色调、亮度、位置等等任何将作为动态变化的内容。 5、退回到主场景，将5个元件分别拖入舞台以生成其实例。为每个实例