教程中国
PHOTOSHOP CS9.0中文版 MAYA 8.5 FOR WINDOWS Corel Painter v9.0 Flash MX2004 中文版 Illustrator cs2 中文版
VC++6.0含sp6 中英文版 VB6.0 +sp6 简体中文版 Borland Delphi 7汉化版 MSDN for vb6.0中文版 Visual Studio 2005简体
教程中国下属 文件存储共享专家BIBIDU.COM 提供大型软件,教材,源码,电影,音乐,图书等下载 更多精品请点此进入
  您目前所在位置: 教程中国 >> 图像处理 >> Flash >> Flash实例制作:鱼翔浅底 RSS订阅
Flash实例制作:鱼翔浅底
教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索
IT搜索引擎   
 

  本实例完全依靠Action动作脚本语言来控制,主场景中没有任何对象,通过此实例,大家可以体验另一种Flash动画制作方法,如果和传统的手工制作结合起来,能起到相得益彰的作用。

  本实例效果如下所示:银色的鱼儿跟随鼠标在水中快活地游来游去。

  下面我们就开始本实例的制作。

  1.首先启动Flash,新建立一个影片,并设置影片大小为384px*384px,影片背景色为深蓝色,颜色代码为#000066。

  2.因为整个影片是由Action动作脚本进行控制的,所以影片中所有要用到的对象都需要做成Movie clip电影剪辑,以便Action对其控制。影片中出现的鱼儿,我们把它分解为三部分,分别为鱼头,鱼鳍和鱼身。

  首先制作鱼头。新建一个Movie clip影片剪辑,取名为Cabeza,这里的取名很重要,因为在后面我们就需要使用符号的名字,在Action中对具体的对象进行控制。进入符号的编辑状态后,使用绘图工具绘制一个鱼头,可以使用矩形工具先绘制一个矩形,然后使用箭头工具对其进行调整,然后使用椭圆工具绘制两个眼睛,最后如图2所示:

图2

  3.鱼头做好后,接下来制作鱼鳍。再新建一个Movie clip电影剪辑,取名为Aletas,同样使用绘图工具绘制如图3所示的鱼鳍:

图3

  4.最后就要制作鱼身了,同样新建一个Movie clip影片剪辑,取名为Espina,使用绘图工具绘制图4所示的鱼身:

图4

  到此为止,所有的准备工作就完成了,接下来就是Actioin动作脚本的任务了。


  5.我们将使用Action对前面制作的鱼头、鱼鳍和鱼身分别进行控制,从而产生最终的鱼儿腾空的效果。

  回到主场景中,将图层layer1重命名为action,然后给第1帧添加如下Actioin:

  //此帧用来初始化所有Action中要用到的变量和数据
  _quality = "MEDIUM";

  // _quality为Flash中的一个属性,用来设置影片的播放质量。"LOW"呈现影片为低品质,不消除图形的锯齿,位图不进行平滑处理。"MEDIUM"呈现中等品质,使用 2 x 2 网格(以像素为单位)消除图形锯齿,但不对位图进行平滑处理。"HIGH" 呈现高品质,使用 4 x 4 网格(以像素为单位)消除图形锯齿,如果影片是静态的,则对位图进行平滑处理。这是 Flash 使用的默认呈现品质设置。"BEST" 极高呈现品质,使用4 x 4 网格(以像素为单位)消除图形锯齿,并且始终对位图进行平滑处理。

  N = 20; // 表示鱼儿的长度
  R = 12; // 鱼儿跟从鼠标的移动速度
  C = 2;
  A = 2;

  var x = new Array();
  var y = new Array();
  //定义x 、y两个数组,用来存储位置信息

  for (i=0; i<N; i++) {
    x[i] = 0;
    y[i] = 0;
  }
  //使用for循环语句对数组值进行初始化,所有数组元素初始值全部为0

  for (i=1; i<N; i++) {
    if (i == 1) {
      attachMovie("Cabeza", "Pieza"+i, N+1-i);
      //此句的作用是将第一个位置定义为鱼头,然后在主场景中设置一个代表鱼头的实例Pieza1.
      //attachMovie函数的使用方法为:attachMovie( idName, newName, depth [, //initObject] ),其中idName 为图库中要附加到舞台上某影片剪辑的影片剪辑元件的链接名称,也就是在建立影片剪辑时所取的名字。 newname 为附加到该影片剪辑的影片剪辑实例的唯一名称,depth为一个整数,指定影片所放位置的深度级别。initObject 一个包含属性的对象,这些属性可用于填充新附加的影片剪辑。此参数使动态创建的影片剪辑能够接收剪辑参数。如果 initObject 不是对象,则将被忽略。
    } else if ((i == 4) || (i == 14)) {
      attachMovie("Aletas", "Pieza"+i, N+1-i); //设置鱼鳍的实例,一共是2个
    } else {
      attachMovie("Espina", "Pieza"+i, N+1-i); //设置鱼身
    }

    this["Pieza"+i]._x = 142+x[i-1];
    this["Pieza"+i]._y = 142+y[i-1];
    //重新设置所有对象的坐标

    this["Pieza"+i]._xscale = 102+A*(1-i);
    this["Pieza"+i]._yscale = 102+A*(1-i);
    this["Pieza"+i]._alpha = 100-(100/N)*i;
    //设置新对象的大小和透明度属性。
  }

  6.同样的,给第2帧添加如下Action:

  // 此帧的作用是移动第一帧复制出的鱼头,鱼鳍和鱼身,从而使整条鱼移动起来

  x[0] = x[0]+(_xmouse-x[0]-142)/R;
  y[0] = y[0]+(_ymouse-y[0]-142)/R;
  //使鱼头跟随鼠标移动

  for (i=1; i<N; i++) {
    x[i] = x[i]+(x[i-1]-x[i])/C;
    y[i] = y[i]+(y[i-1]-y[i])/C;
  }
  //使鱼鳍和鱼身跟随鼠标移动

  for (i=1; i<N; i++) {
    this["Pieza"+i]._x = 142+(x[i-1]+x[i])/2;
    this["Pieza"+i]._y = 142+(y[i-1]+y[i])/2;
    this["Pieza"+i]._rotation = 57.295778*Math.atan2((y[i]-y[i-1]), (x[i]-x[i-1]));
  }
  //动态更新鱼头、鱼鳍和鱼身的坐标以及方向

  7.最后,给第3帧添加如下Action:.

  gotoAndPlay(2);
  // 返回上一帧,使鱼儿不停的运动

  到这一步,我们的鱼儿就畅游在水中了。本实例的关键在于完全抛开了“符号制作+组织场景”的动画制作模式,而是采用了“符号制作+Action脚本控制”的模式,同样起到了应有的效果。所以在日常的Flash影片制作中,大家可以多常识一下不同的制作模式和思路,有助于提高工作效率,而且效果毫不逊色。原文件下载学习



来源:upschool.com.cn
作者:
关键字:Flash实例制作,鱼翔浅底
发表日期:2005-3-12

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇:Flash与网页脚本之间的数值传递   下一篇:用数组实现flash中的迷宫行走


2008-12-2 19:47:55
本文的相类似文章
  • Flash实例制作:鱼翔浅底
  • Flash实例制作:彩纸文字贺新年
  • 在学习中进步 在进步中成长 教程中国相随您的成长之路
    华腾联合科技股份有限公司版权所有
    广告联系:Rosibo@163.com