Flash鼠标跟随教程:馋嘴的兔兔

2016-01-29 12:30 0 1 收藏

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

【 tulaoshi.com - Flash 】

本文由中国 wytan 原创,转载请保留此信息!

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

效果演示:

[next]

制作方法:

一、做三个元件

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

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

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
}

如图所示

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

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

[next]

二、布置主场景

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

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

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

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

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

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

   如图所示

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

与本文相关讨论请去论坛与作者交流:http://bbs.jcwcn.com/viewthread.php?tid=177087

来源:https://www.tulaoshi.com/n/20160129/1486393.html

延伸阅读
标签: flash教程
4.制作眼睛。新建一个名为“眼睛”的影片剪辑元件。先用“椭圆”工具在场景中绘制一个颜色#999999的圆。打开库,把“瞳孔”影片剪辑拖拽到场景中,放置在灰色的圆上。注意:“瞳孔”元件的中心要和场景的中心重叠。如图4所示。 图 4 5.点选“瞳孔”元件,然后在“属性”面板里给它起个实例名称“eye”。如图5所示。 图 5 ...
标签: flash教程
本文由 中国 清风掠影 原创,转载请保留此信息! 前些天看到有些朋友想学鼠标跟随,所以先做一个简单的实例给大家练习下~ 先看下效果~用鼠标点下水面试试: 新建一个空白的FLASH文档,按Ctrl+F8新建一个名为“蜻蜒”的图形元件 在元件中绘制蜻蜒,(如果不会画,就导入一张图片替代也行的) ...
标签: flash教程
效果预览图: 图 1 效果简介: 该例在鼠标效果中是最基本的了,也是一个比较典型的鼠标实例。效果中小人的眼睛会跟随鼠标移动,这时的鼠标也变成了一串香蕉。因此,这个小人也显得垂涎欲滴。 观看效果: 制作要点简介: 文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句。鼠标跟...
标签: FLASH flash教程
本文由 sanbos 原创,转载请保留此信息! 本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧 效果演示: [1] 200806/12944_2.html'>[2] 200806/12944_3.html'>[3] 200806/12944_4.html'>[4] 200806/12944_2.html'>下一页 现在开始制作: 新建flash文档,背景色为黑色...
标签: FLASH flash教程
本文由 清风掠影 原创,转载请保留此信息! 前些天看到有些朋友想学鼠标跟随,所以先做一个简单的实例给大家练习下~ 先看下效果~用鼠标点下水面试试: 新建一个空白的FLASH文档,按Ctrl+F8新建一个名为“蜻蜒”的图形元件 在元件中绘制蜻蜒,(如果不会画,就导入一张图片替代也行的) 按Ctrl+F8再新建一个名为“蜻蜒飞”的影片...

经验教程

328

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部