您现在的位置: 站长手册 >> 软件教程 >> Flash >> 正文
站内搜索
Google
[组图]有趣 用Flash制作互动的小人
          ★★★ 【字体:

有趣 用Flash制作互动的小人

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气: 来源:网络 作者:佚名 所属栏目:Flash [切换到繁體中文]
  我们先来看看实例的效果,场景中有六个小球,分别代表人的头、腰、手、脚,如果用鼠标拖动小人身体的任何一部分,身体的其他部分都会做出相应的动作,整个身体各部分之间位置的改变是很协调的。

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

  1、打开Flash,新建一个场景,按“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”就可以看到实例的效果。

网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
姓 名: *(必填项) ·注册用户·
Email: QQ号:
评 分: 1分 2分 3分 4分 5分
  • 您可以发表评论支持你喜欢的文章。
  • 请遵守《互联网电子公告服务管理规定》
  • 请遵守中华人民共和国各项有关法律法规。
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 评论人需对自己在使用评论过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表个人观点,与本网站立场无关。
站内教程搜索
| 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
版权所有 2007-2008 站长手册 WWW.ZZSC.ORG 业务联系 zzsc.org#gmail.com