快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

有趣的Flash鼠标跟随效果

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

  观看效果:

« Full Screen »

点击这里下载源文件

  制作要点简介:

  文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句。鼠标跟随效果的基础方式,即学习_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”测试一下,笔者相信你做得那个眼睛更加有神。总之,把握了这个效果,即把握了鼠标的基本使用方式。


返回类别: Flash教程
上一教程: 使用Flash MX的3个小技巧
下一教程: Flash中的3D投影

您可以阅读与"有趣的Flash鼠标跟随效果"相关的教程:
· 三种鼠标跟随效果动画的实现
· Flash MX 2004实例制作视频教程:鼠标跟随的缓冲效果
· Flash制作文字鼠标跟随
· 鼠标跟随的小球的制作
· 用FLASH AS实现鼠标画圆的效果
    微笑服务 优质保证 索取样品