Flash MX2004入门与进阶实例——元件和实例(23)_Flash教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:Flash MX2004入门与进阶实例——元件和实例(22)
第四章元件和实例第五节出色范例(3)制作步骤我们先看看7个按钮的外形,其实,7个人物不是按钮,他们与画面上的其它装饰图形一样,仅是个背景图,我们用的

第四章 元件和实例
第五节 出色范例(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所示,完成后测便可看到本例的效果了。


分享:Flash MX2004入门与进阶实例——元件和实例(20)
第四章元件和实例第五节出色范例(1)在本节的范例中,很难把“图形”、“按钮”、“影片剪辑”对象单独分开,比如一个优秀的按钮动画,不可能没有“MC”,更

来源:设计前沿网上收集//所属分类:Flash教程/更新时间:2008-03-05
相关Flash教程