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

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

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

【 tulaoshi.com - Flash 】

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

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

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

效果演示:

[next]

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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、插入一个新元件,行为电影剪辑,命名为萝卜。画出萝卜,选中萝卜,让其居中。如图所示

[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

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

延伸阅读
标签: flash教程
本文由中国 sanbos 原创,转载请保留此信息! 本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧 效果演示: [next] 现在开始制作: 新建flash文档,背景色为黑色,其它默认。首先来画火苗: 新建图形元件,取名为:“火苗”,用椭园工具无填充,画一椭园: 如图: &n...
标签: flash教程
4.制作眼睛。新建一个名为“眼睛”的影片剪辑元件。先用“椭圆”工具在场景中绘制一个颜色#999999的圆。打开库,把“瞳孔”影片剪辑拖拽到场景中,放置在灰色的圆上。注意:“瞳孔”元件的中心要和场景的中心重叠。如图4所示。 图 4 5.点选“瞳孔”元件,然后在“属性”面板里给它起个实例名称“eye”。如图5所示。 图 5 ...
标签: flash教程
效果预览图: 图 1 效果简介: 该例在鼠标效果中是最基本的了,也是一个比较典型的鼠标实例。效果中小人的眼睛会跟随鼠标移动,这时的鼠标也变成了一串香蕉。因此,这个小人也显得垂涎欲滴。 观看效果: 制作要点简介: 文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句。鼠标跟...
标签: 编织
步骤1: 编成这样 步骤2: 用线和布弄成这样 步骤3: 做一兔子,可爱吧色:-D 步骤4: 大概图 步骤5: 整理一下不 延伸阅读: 有关制作羊毛毡的技巧(一) 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文档,背景色为黑色...

经验教程

838

收藏

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