有趣的Flash鼠标跟随效果

跟随|鼠标

  效果简介:该例在鼠标效果中是最基本的了,也是一个比较典型的鼠标实例。效果中小人的眼睛会跟随鼠标移动,这时的鼠标也变成了一串香蕉。因此,这个小人也显得垂涎欲滴。

  观看效果:

点击这里下载源文件

  制作要点简介:

  文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句。鼠标跟随效果的基础方法,即学习_x属性,_xmouse属性等电影剪辑属性使用方法。以及如何导入素材。

  制作步骤:

  1.设置场景的大小为400px×30px,背景色为#00659C,帧频为12fps。

  2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“鬼脸”的图形元件。然后用“椭圆”工具绘制一个垂涎欲滴的鬼脸,然后制作两个小洞用来放眼睛。方法也很简单,用“椭圆”工具画个圆周,然后用箭头工具把小圈内部删除即可。如图2所示

图 2

  3.制作瞳孔。新建一个名为“瞳孔”的影片剪辑元件。如图3所示,在“瞳孔”元件的场景中绘制一个深灰色的圆环,一个黑色的圆,几个白色的小圆就可以了。

图 3

  4.制作眼睛。新建一个名为“眼睛”的影片剪辑元件。先用“椭圆”工具在场景中绘制一个颜色#999999的圆。打开库,把“瞳孔”影片剪辑拖拽到场景中,放置在灰色的圆上。注意:“瞳孔”元件的中心要和场景的中心重叠。如图4所示。

图 4

  5.点选“瞳孔”元件,然后在“属性”面板里给它起个实例名称“eye”。如图5所示。

图 5

  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”是“瞳孔”元件在主场景中的大小,这样设置主要是为了不让“瞳孔”飞到眼睛外面去。

  7.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“香蕉”的影片剪辑元件。然后按快捷键Ctrl+R打开“导入”面板,然后找到一个“香蕉”素材导入,如效果图1所示。

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

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

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

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

  效果完成了最终效果如前所示。现在读者朋友可以按快捷键“Ctrl+Enter”测试一下,笔者相信你做得那个眼睛更加有神。总之,掌握了这个效果,即掌握了鼠标的基本使用方法。

时间: 2024-11-13 05:21:42

有趣的Flash鼠标跟随效果的相关文章

制作Flash鼠标跟随效果(图)

1.设置场景的大小为400px×30px,背景色为#00659C,帧频为12fps. 2.按快捷键Ctrl+F8打开"创建新元件"面板新建一个名为"鬼脸"的图形元件.然后用"椭圆"工具绘制一个垂涎欲滴的鬼脸,然后制作两个小洞用来放眼睛.方法也很简单,用"椭圆"工具画个圆周,然后用箭头工具把小圈内部删除即可.如图2所示 图 2 3.制作瞳孔.新建一个名为"瞳孔"的影片剪辑元件.如图3所示,在"瞳孔&

实例教学Flash鼠标跟随教程:制作馋嘴的兔兔

核心提示:本例教朋友用Flash制作鼠标跟随效果.用鼠标拖动萝卜,兔兔眼睛总盯住萝卜,很可爱噢... 本例教朋友用Flash制作鼠标跟随效果.用鼠标拖动萝卜,兔兔眼睛总盯住萝卜,很可爱噢... 制作方法: 一.做三个元件 1.插入新元件,行为电影剪辑,命名为兔子.画出兔子的外形,也可以画其他动物,只是眼珠不画.如果要兔子耳朵.嘴巴.手动的话,要分层用逐帧改变形状.如图所示: 2.插入新元件,行为电影剪辑,命名为眼睛,确定,进入眼睛编辑窗口.在第一帧画一个跟兔子眼眶一样大小的.没有填充色的圆(这里

js实现简单鼠标跟随效果的方法_javascript技巧

本文实例讲述了js实现简单鼠标跟随效果的方法.分享给大家供大家参考.具体分析如下: 鼠标跟随,顾名思义,就是在鼠标移动的时候,有个动画跟随着鼠标一起移动.   要点一: var oEvent = evt || window.event; 这个是为了兼容ie和ff而写的,在ie下window.event表示event对象,而ff下,是给事件函数传一个参数,这个参数就表示事件对象. 要点二: document.onmousemove = function(evt) 鼠标跟随是在鼠标移动时发生的事情.

js实现简单鼠标跟随效果的方法

 鼠标跟随,顾名思义,就是在鼠标移动的时候,有个动画跟随着鼠标一起移动. 要点一: 1 var oEvent = evt || window.event; 这个是为了兼容ie和ff而写的,在ie下window.event表示event对象,而ff下,是给事件函数传一个参数,这个参数就表示事件对象. 要点二: 1 document.onmousemove = function(evt) 鼠标跟随是在鼠标移动时发生的事情. 要点三: 1 document.documentElement.scroll

用Flash六步制作另一种鼠标跟随效果

跟随|鼠标 今天给客户弄一个小玩意,贼麻烦不过总结了个跟随效果还是挺好的,制作也比较简单,总结一下发上来,希望对大家有些帮助.我们来看看(哈,还是六步).先看效果. 如果转贴请注明作者:阿刚.谢谢 一:ctrl+F8新建一个影片剪辑"圆2" 2:绘制一个正圆F8转换成图形元件 3:第20帧按F6插入关键帧,做到圆从左到右并变小消失的动画.缓动调至-100,(缓动这里可以根据你的要求来设制,出来的效果也不同) 4:ctrl+F8新建影片剪辑"圆1".ctrl+L将&q

简单的Flash鼠标跟随制作教程

跟随|教程|鼠标 鼠标跟随是flash里一个"古老的"的话题了,可是现在还有人问起这个问题,我们论坛上最近也没有人说了,我就把我半年前做的做成一个教程,供大家学习,这个完全是有我个人制作的,如有雷同,纯属巧合. 鼠标跟随其实是一个很简单的问题,可以有很多种算法来实现,在这里我介绍一下我自己编写的一种,希望大家参考. 第一步:建立一个word MC,内有一个在中间的动态文字框,去掉可选,只需要能容纳一个字即可.字的颜色可以自己设定(千万不能是和底色是一样的啊!) 第二步:在library

三种鼠标跟随效果动画的实现

跟随|鼠标 先看效果 因为全是as编写的,所以我就不放源文件了,只要把as代码复制到flash里的第一帧就可以了 Stage.scaleMode = "noScale" Stage.align = "TL" for (i=1; i<=4; i++) { _root.createEmptyMovieClip("point"+i, 0-i);//新建MC //mc的x轴,y轴 _root["point"+i]._x = St

超酷Flash鼠标粒子效果

鼠标   效果简介: 效果中,闪烁的粒子不停地向四周喷射.当移动鼠标后,闪烁的粒子也会随之移动.该效果主要是通过使用随机数Math.random()来改变影片的_x._y坐标属性,_alpha透明值属性实现的.   相关下载: 效果预览: 源文件下载:点击这里下载(3K, winzip压缩文件)   设计方法: 打开Flash MX,设置场景的大小为400px×180px,背景为黑色,帧频为25fps.如图1所示. 图1 一.设计元件 1.按快捷键Ctrl+F8新建一个名为"粒子"的影

flash 鼠标跟随文字

.拉一动态文本,实例名为_txt:转为影片剪辑,实例名为_mc. 2.在帧上写如下代码: txt_array = ["琴", "者", "工", "作", "室"]; //跟随鼠标的文字定义为数组中的元素 for (j=0; j<5; j++) {  _mc.duplicateMovieClip("_mc"+j, j+100);  this["_mc"+j]._