当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash鼠标跟随教程:馋嘴的兔兔

Flash动画制作
Flash 3d效果精彩实例(5)
贺新年 制作五彩缤纷焰火动画
FlashMX2004中的XML应用之原理篇
制作一个骄艳的鲜花情人Flash贺卡
有趣 用Flash制作互动的小人
Flash制作鸡年新春动画贺卡
Flash MX 2004 UI组件系列教程(3)
Flash加载外部文件(5)
Flash MX 2004 UI组件系列教程(4)
Flash加载外部文件(2)
Flash加载外部文件(3)
一个最简便的代码实现任意数字和0的来回跳转
让Flash课件中测试题信手拈来
MX中如何实现swf文件的完美跳转
三分钟理解Flash中的级别关系
flash与ASP通信的几种方法
flashMX2004视频插件的应用教程
如何做好一个多人配合的flash项目
AS计算方面的错误
如何防止SWF文件被反编译

Flash动画制作 中的 Flash鼠标跟随教程:馋嘴的兔兔


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 174 ::
收藏到网摘: n/a

本例教朋友用Flash制作鼠标跟随效果,用鼠标拖动萝卜,兔兔眼睛总盯住萝卜,很可爱噢

效果演示:

制作方法:

一、做三个元件

1、插入新元件,行为电影剪辑,命名为兔子。画出兔子的外形,也可以画其他动物,只是眼珠不画。如果要兔子耳朵、嘴巴、手动的话,要分层用逐帧改变形状。如图所示

 

2、插入新元件,行为电影剪辑,命名为眼睛,确定,进入眼睛编辑窗口。在第一帧画一个跟兔子眼眶一样大小的、没有填充色的圆(这里是30*30),并让其全居中,在里面贴住圆的右边线再画一个没有线条的红色眼珠,然后把眼眶边线的透明度设为0。

新建一个层,选中第一帧,打开“动作-帧”面板,输入以下代码:

   this.onMouseMove=function(){
        eyeX=_root._xmouse-this._x
        eyeY=_root._ymouse-this._y
        ang=Math.atan2(eyeY,eyeX)*180/Math.PI
        this._rotation=ang
}

如图所示

 

 3、插入一个新元件,行为电影剪辑,命名为萝卜。画出萝卜,选中萝卜,让其居中。如图所示

二、布置主场景

新建三个层,由上到下命名为萝卜、眼珠、兔子、背景

1、选中背景层的第一帧导入一幅你喜欢的背景图。

2、选中兔子层的第一帧,从库拖出拖出兔子MC,放在合适位置。

3、选中眼睛层的第一帧,从库里拖出两个眼睛MC,分别放在兔子的眼眶里。注意也是放在眼眶的右侧(两圆相切)位置。

4、选中萝卜层的第一帧,从库里拖出萝卜MC,放在树下。选中萝卜,并在电影剪辑属性面板命名为“lb”。打开“动作-电影剪辑”面板,输入如下代码:

   onClipEvent (mouseMove) {
   mouse.hide();
   startdrag("_root.lb", true);
}

   如图所示

 至此本实例完成,测试、存盘