第五节 精彩范例(4)

3．MC应用——鼠标看图
范例简介

图4-5-10是本例的运行效果，画面的底图是一个很漂亮的矢量风景图，起始状态它被一层黑色罩挡着，看不到，你必需用鼠标快速地划动，随着划动的轨迹，渐渐露出风景图，而在一定时间后又渐渐闭合。

图4-5-10 “鼠标看图”运行效果

制作步骤

这个效果看起来还够“酷”的，实际上却是十分简单！

在本例的【场景】中仅有3个图层，各一个帧，主要内容就在“MC集”图层中，“单击”该图层的“关键帧”，就能看到如图4-5-11所示的情况。

图4-5-11 MC集图层效果

原来，风景图片是被一个个黑色对象遮挡着！它们就是排列整齐的名叫“功能MC”的实例对象。

打开本范例的【库】面板，如图4-5-12所示，你可以看到，该范例仅4个元件，特别简单。

图4-5-12 【库】面板

那么，这个MC怎么会产生这种鼠标效果呢？下面我们就来看看实现这个效果的过程。

步骤1　创建实例元件

新建名为“图形”的元件，在舞台中绘制一个无边框的黑色小矩形。

新建名为“跳转按钮”的元件，将“图形”元件拖放到舞台中央。

新建名为“功能MC”的元件，将“跳转按钮”放置在第1帧，在第2帧插入关键帧，单击交换按钮，将“跳转按钮”交换为“图形”，并将属性改为图形，如图4-5-13所示。

图4-5-13　功能MC第2帧图形元件属性

在第22帧插入关键帧，将“图形”实例的透明度修改为“0%”，并创建第2帧到第22帧的动作补间动画。同样在第112和第129帧插入关键帧，并将第129帧实例透明度修改为“100%”，创建这两个关键帧之间的动作补间动画。

步骤2　定义动作脚本

单击“功能MC”第1帧定义“stop”，使正常情况下，指针停止在这里。再单击舞台上的按钮元件，定义动作脚本为：

on (rollOut) {

    gotoAndPlay(2);

}

这段代码的意思是：当发生鼠标经过这一事件时，让播放指针跳到第2帧并继续运行。

这个功能MC仅一个图层，第1帧中是个按钮对象，第2帧至第22帧，是一段动作补间动画，而第112帧至129帧又是一段动作补间动画，本例效果就全部在这里了！

第2帧开始的2段动作补间动画，前段动画是“图形”透明度由“100”降为“0”，后一段是由“0”恢复为“100”。

明白了，这就是“风景画”由看不到至逐渐显示，再逐渐重新被罩没的原因！改变补间动画中的过渡帧数量或者2段变形间的“距离”可以修改“风景图”显示及隐去的时间。

步骤3　布局场景

回到“主舞台”，将“功能MC”拖放到舞台上，并复制排列，效果如图4-5-11所示，完成后测便可看到本例的效果了。

够简单的吧！本例源文件是：“鼠标看图.fla”，保存在光盘的相关目录下（路径：……）。