用户名: 密码: 免费注册 忘记密码? 网站地图 | 加入收藏 | 设为首页
首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网
网页 | 3dmax | Ghost | Windows Xp| Dreamweaver | photoshop | Flash | office | Alexa | Css | QQ | Asp | PHP | Jsp | Access
Flash MX 2004入门 | 网站推广策略 | CorelDRAW入门 | ASP学习 | 网站建设大师功 | Word入门
  iTbulo.com > 学院 > 网页制作教程 > Flash教程 > flash实例教程 > 文章正文
有趣!用Flash制作互动的小人
iTbulo.COM 2005-4-9 翅膀()

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


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

  1、打开Flash,新建一个场景,按“Ctrl + F8”新建一个Clip,命名为“Symbol 5”,类型为“Button”,用椭圆工具在此Clip的场景中绘制一个圆,并用填充工具填充一个渐变颜色,如图所示。

  2、按“Ctrl + F8”新建一个Clip,命名为“Symbol 1”,类型为“Movie Clip”,将上一步所制作的“Symbol 5”拖到此Clip的场景中,并在“Symbol 5”Clip的Action面板上面增加如下语句:

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


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

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

on (press) {
  this.startDrag();
  drag = 1;
}
on (release, releaseOutside) {
  this.stopDrag();
  drag = 0;
}


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

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

nx = parent._x+sx; //取得场景中表示头的那个小球的位置。
ny = parent._y+sy;
if (i<1) {
  i = Math.ceil(Math.random()*179); //取得一个随机的整数。
}
if (i>180) {
  i = 1; //大于180,则重新置为1
} else {
  i++;
}
x = ((_root.inertion-1)*_x+nx)/_root.inertion+_root.s[i]*_root.force; //计算取得小球所要改变位置的值
y = ((_root.inertion-1)*_y+ny)/_root.inertion;
dx = x-_x;
dy = y-_y;
if (drag>0) {
  parent._x = parent._x-dx/_root.elast; //改变球的位置
  parent._y = parent._y-dy/_root.elast;
  if (parent.parent) { //改变代表头部的小球的位置
    parent.parent._x = parent.parent._x-dx/_root.elast/_root.elast/_root.elast;
    parent.parent._y = parent.parent._y-dy/_root.elast/_root.elast/_root.elast;
  }
} else {
  _x = x;
  _y = y;
}
dx = parent._x-_x; //重新取得值,在下一帧中使用
dy = _y-parent._y;
link._xscale = dx*10; //改变球之间的直线的长度
link._yscale = dy*10;

[1] [2] 下一页

文章搜索
相关资讯
相关文章 相关下载
新奇有趣:有病毒竟能张口说话
恶意入侵!用U盘破解你的安全系统
有趣的QQ强制性聊天代码
收集的一些python程序,实用并且有趣
一个有趣的JS:随机效果文本-定时的从一段文本中随机选择一个字
焦点信息