快速业务通道

FLASH鼠标效果之会动的大眼睛

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-10


效果简介:

  鼠标效果是Flash中比较基本的效果了,也常被运用到,是很需要掌握的。效果中小人的眼睛会跟随鼠标移动,这时的鼠标也变成了一个萝卜。

文章简介:

  文章主要给读者讲解隐藏和替换鼠标的技术,以及拖动影片剪辑的控制语句。鼠标跟随效果的实现方法其实就是运用_x属性,_xmouse属性等电影剪辑属性使用方法。

制作步骤:

  1.设置场景的大小为240px×240px,背景色为白色,帧频为12fps。

  2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“鬼脸”的图形元件。然后用“椭圆”工具绘制一个如图1所示的小人脸,然后制作两个小洞用来放眼睛。方法也很简单,用“椭圆”工具画个圆周,然后用箭头工具把小圈内部删除即可。
图1   3.制作瞳孔。新建一个名为“瞳孔”的影片剪辑元件。如图2所示,在“瞳孔”元件的场景中绘制一个深灰色的圆环,一个黑色的圆,几个白色的小圆就可以了。 图2   4.制作眼睛。新建一个名为“眼睛”的影片剪辑元件。先用“椭圆”工具在场景中绘制一个颜色#999999的圆。打开库,把“瞳孔”影片剪辑拖拽到场景中,放置在灰色的圆上。注意:“瞳孔”元件的中心要和场景的中心重叠。如图3所示。 图3   5.点选“瞳孔”元件,然后在“属性”面板里给它起个实例名称“eye”。如图4所示。
图4   6.点选中“眼睛”元件场景中的第2帧,按F6键插入关键帧(如果你把第2帧灰色的部分变成黄色等明亮的颜色,还可以看到火眼金睛的效果)。右键单击第1帧,在弹出的菜单中选择“动作”命令后键入如下代码:

// 属性_xmouse和属性_xmouse用来获取鼠标在X轴和Y轴方向上的坐标值
// 属性_x和属性_x用来获取或设定影片剪辑元件在场景中X轴和Y轴方向上的坐标值
// 变量i接受的数据是场景原点到鼠标的直线距离
i = Math.sqrt(_xmouse*_xmouse+_ymouse* _ymouse);
eye._x = 25/i*_xmouse;
eye._y = 25/i*_ymouse;

  代码中用到了数学对象Math的方法sqrt(),其功能是计算数的平方根。代码中的数字“25”是“瞳孔”元件在主场景中的大小,这样设置主要是为了不让“瞳孔”飞到眼睛外面去,否则就成了看到美女的迈克老狼了^o^。

  7.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“萝卜”的影片剪辑元件。然后按快捷键Ctrl+R打开“导入”面板,然后找到一个“萝卜”素材导入,效果见下页。

  8.回到主场景。先从库中把图形元件“鬼脸”拖拽到主场景中。接着再把“眼睛”影片剪辑元件从库中拖拽到主场景中,并复制出一个眼睛。然后把这两个“眼睛”元件放置在眼窝中,如效果图1所示。

  9.把“萝卜”影片剪辑元件从库中拖拽到主场景中,点选中“萝卜”元件,在“属性”面板中给它起个实例名称“radish ”。然后右键点选中“萝卜”,键入如下代码:

onClipEvent (mouseMove) {
??? Mouse.hide();
??? startDrag("_root.radish", true);
}

  onClipEvent()是一个事件触发器,在前面笔者已经将过,事件mouseMove是在鼠标移动的时候触发事件,执行“{}”中的代码。_root是指定或返回主场景中的影片的引用。如果影片有多个级别,则根影片时间轴位于包含当前正在执行脚本的级别上。例如,如果级别1中的脚本计算_root,则返回_level1。鼠标对象Mouse的方法hide()可以隐藏场景中的鼠标。影片剪辑控制语句startDrag的功能是可以拖动场景中的影片剪辑。

  效果完成了。现在读者朋友可以按快捷键“Ctrl+Enter”测试一下,笔者相信你做得那个眼睛更加有神。总之,掌握了这个效果,即掌握了鼠标的基本使用方法。
  该效果源件下载(10.6K)   点击最后一页预览效果 [1]?[2]?下一页?? 上一页??[1]?[2]? 关键词:

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号