当前位置: 首页 > 图文教程 > 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   浏览: 44 ::
收藏到网摘: n/a

  我们先来看看实例的效果,场景中有六个小球,分别代表人的头、腰、手、脚,如果用鼠标拖动小人身体的任何一部分,身体的部分都会做出相应的动作,整个身体各部分之间位置的改变是很协调的。

  实现其实是很简单的,下面我们一步一步来制作这个实例效果。

  1、打开,新建一个场景,按“Ctrl +F8”新建一个Clip,命名为“Symbol5”,类型为“Button”,用椭圆工具在此Clip的场景中绘制一个圆,并用填充工具填充一个渐变颜色,如图所示。
  2、按“Ctrl + F8”新建一个Clip,命名为“Symbol1”,类型为“MovieClip”,将上一步所制作的“Symbol5”拖到此Clip的场景中,并在“Symbol5”Clip的Action面板上面增加如下语句:on (press)

  



  this.startDrag(); //当鼠标点击的时候,拖动Clipon (release,releaseOutside)//当放开鼠标的时候,停止拖动Clip

  this.stopDrag();

  3、按“Ctrl + F8”新建一个Clip,命名为“Symbol4”,类型为“MovieClip”,用直线工具在此Clip的场景中绘制一小段直线。

  4、按“Ctrl + F8”新建一个Clip,命名为“Symbol 1copy”,类型为“MovieClip”,将第一步中制作的“Symbol5”拖到此Clip的场景中,并在“Symbol5”Clip的Action面板上面增加如下语句:on (press)

  this.startDrag();

  drag = 1;on (release, releaseOutside)

  this.stopDrag();

  drag = 0;

  5、在“Symbol1copy”Clip中,用鼠标右键单击时间轴上面的图层,选取插入一个新的图层,将第三步所制作的“Symbol4”拖到新插入图层的场景里面,选取场景中的“Symbol4”,在属性面板上面设置实例名为“link”。

  6、在“Symbol1copy”Clip中,用鼠标右键单击时间轴上面的图层,再选取插入一个新的图层,在此图层的第一帧的Action面板上面插入如下语句:

  在新插入图层的第二帧上面单击鼠标右键,选取插入空白关键帧,此时图层之间的位置应该如图所示,在第二帧的Action面板上面插入一段ActioScript代码,这段代码跟跟上一帧是一样的,需要两帧是因为要不断播放,不断的改变球之间的位置。
  7、回到影片的主场景中,用“Ctrl +L”打开图库,从图库中拖一个“Symbol1”Clip的实例到场景中,并在其的属性面板上面设置实例名为“sparent”。从图库中拖五个“Symbol1copy”Clip的实例到场景中,并分别在它们的属性面板上面设置实例名为“i1”、“i21”、“i22”、“i3”、“i2”,此时场景中应该如图所示。
  8、选取主场景中时间轴上面的第一帧,在其Action面板上面增加如下语句:elast =1.5;//分别初始化几个值inertion = 10;force = 1;i1.parent = sparent;i1.sx=30;i1.sy = 80;i2.parent = sparent;i2.sx = 0;i2.sy = 70;i3.parent=sparent;i3.sx = -30;i3.sy = 80;i21.parent = i2;i21.sx = 20;i21.sy=60;i22.parent = i2;i22.sx = -20;i22.sy = 60;s = newArray();//初始化两个数组c = new Array();for (i=0; i<180; i++)s[i]=Math.sin(i*Math.PI/90); //将数学中的Sin值保存到数组中for (i=0;i<180;i++)c[i] = Math.cos(i*Math.PI/90); //将数学中的Cos值保存到数组中

  至此,实例就制作完成了,按“Ctrl + Enter”就可以看到实例的效果。

  作者:翅膀