点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > flash>详细内容

《Flash鼠标跟随教程》:制作蜻蜒点水

添加时间:2010-1-5
    相关阅读: flash 制作

些天看到有些朋友想学鼠标跟随,所以先做一个简单的实例给大家练习下...

http://www.5uflash.com/Html/bctl/20550868.html

新建一个空白的FLASH文档,按Ctrl+F8新建一个名为“蜻蜒”的图形元件。如图1: 
 

在元件中绘制蜻蜒,(如果不会画,就导入一张图片替代也行的)。 图2:

按Ctrl+F8再新建一个名为“蜻蜒飞”的影片剪辑元件。图3:

  在这个元件中,要把蜻蜒的翅膀做成动画,首先按Ctrl+L打开库面板,把刚画好的蜻蜒拖到场景中,然后按Ctrl+B分解蜻蜒,然后选点选起蜻蜒的一边翅膀,按F8把它转化为图形元件,再用同样的方法把另一边的翅膀也转成图形元件。然后,点下一边的翅膀,按Ctrl+X剪切,新建一个图层2,在图层2按Ctrl+Shift+V粘贴到原来的位置,用同样的方法把另外一边的翅膀也放到一个图层里。好了,现在呢,图层1里是没有翅膀的蜻蜒,图层2是一边翅膀,图层3是另一边,首先,在图层1第5帧插入帧,然后在分别在图层2和图层3第3帧和5帧插入关键帧,插入后,把图层2和图层3第3帧的蜻蜒翅膀稍微用变形工具往后改下,最后分别在这两个图层的第1帧和第3帧右击创建补间动画就行了。图4:


按Ctrl+F8新建一个按钮元件。图5:

在元件中,把笔触颜色设置为无,把填充色设置为透明,然后在场景中画一个四方形,最后按把后面三帧都插入关键帧就行了。图6:

按Ctrl+F8新建一个名为“水波”的影片剪辑元件。图7:

在元件中图层1第1帧,把按钮元件从库中拖到场景中。图8:

  新建一个图层2,在图层2第2帧插入关键帧,然后在这一帧中画一个蓝色小圆圈,(小圆圈画法:选择好椭圆工具,然后把笔触颜色设置为蓝色,填充色为无,然后在舞台上拖出来就行了),在这一层的第7帧插入关键帧,然后用变形工具把椭圆放大一些,再在第10帧插入关键帧,再把椭圆放大一些,然后点下舞台上的椭圆,Ctrl+F9层开混色器,在这里把椭圆的颜色设置为无。最后,分别在第2帧和第7帧创建形状补间动画。图9:


图10:

  现在一个慢慢放大消失的圆做好了,接下来,点下图层2第2帧,按住Shift不放,再点下第10帧,把这9帧会部选取起来,右击,复制,然后新建图层3,在图层3第4帧右击粘贴帧,再新建一个图层4,同样,在第7帧右击粘贴帧,这样,一个水波就做好了。

  好了,现在要来加上几句代码,放心,这几句很简单的。

  首先,点下图层1(也就是放按钮那个)第1帧,按F9打开动作面板,然后在里面输入stop(); 这个不需要解释了吧,停止的意思~呵~ 图11:

然后点下舞台上的按钮,再次按F9打开动作面板,输入下面的语句:
  on (release) { 
   gotoAndPlay(2); 
  } 
意思呢,就是当单击鼠标时跳转到第2帧并播放。图12:


  好了,下面,回到场景中,在图层1导入一第有水的图片,(文件——导入——导入到舞台),导入后修改下图片的大小跟场景一样就行了~ 图13:


  新建图层2,按Ctrl+L打开库面板,把水波元件往图片上有水的地方放(如图)图14:

  最后,再新建一个图层3,把蜻蜒飞元件从库中拖到场景上,点下场景中的蜻蜒,在属性面板中把实例名改为“a”(不含引号)。图15:


  然后点下图层3第1帧,按F9打开动作面板,输入下面的代码:

  Mouse.hide(); 

  startDrag("a", true); 

  这两句代码实现的就是隐藏鼠标,元件跟随鼠标移动。图16:


  好了~测试下吧~

  最后再给大家一张蜻蜒图~ 图17:
   
本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册