Flash MX2004入门与进阶实例——元件和实例(23)_Flash教程
推荐: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教程-Flash MX2004入门与进阶实例——元件和实例(23)。