网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:03:35  来源： http://www.qitongnet.com

本实例的弹簧效果如下，拖动小球，松开鼠标后，小球就会上下运动，效果跟弹簧一模一样。

　　仔细分析一下，要保证弹簧的效果，只要做好如下几个方面：长度的缩放、位置的改变、每一次改变的值大小控制。下面我们就一步一步地来实现效果。

　　1、打开Flash MX 2004，按“Ctrl + N”新建一个场景，按“Ctrl + F8”新建一个Movie Clip，在弹出的对话框里面将其命名为“spring”，类型为“Movie Clip”。按“N”，用直线工具在此Clip的场景中绘制如图2所示的线段。

　　2、按“Ctrl + F8”新建一个Movie Clip，在弹出的对话框里面将其命名为“weightb”，类型为“Button”。按“ 北京网页设计O”，用圆形工具在此Button的up帧的场景中绘制一个圆，并在属性面板上面设置填充圆的颜色。如图3所示，用鼠标右键点击时间轴上面的层，选取“Insert Layer”，插入一个新的图层。在新插入图层的场景中，按“N”，用直线工具绘制两个三角形，最终效果如图4所示。

北京网页设计
　　3、按“Ctrl + F8 网站设计”新建一个Movie Clip，在弹出的对话框里面将其命名为“weightm”，类型为“Movie Clip”。按“Ctrl + L”打开图库，将上一步所制作的Button从图库拖到此Clip的场景中，选取场景中的Button，在Action面板上面增加如下语句：

on (press) {网页设计
  startDrag("", false, _root.xw, _root.yw-50, _root.xw, _root.yw+50); 网站设计
  //拖动此Button北京网页设计
}北京网站设计
on (release) {网站制作
  stopDrag(); //停止拖动Button，并设置变量北京网页设计
  _root.drag = true; www.qitongnet.com北京网站制作
}

　4、按“Ctrl + F8”新建一个Movie Clip，在弹出的对话框里面将其命名为“dot”，类型为“Movie Clip”。按“N”，用直线工具在此Clip的场景中绘制一条很短的线段，在属性面板上面设置其颜色为红色。

　　5、回到影片的主场景中，按“Ctrl + L”打开图库，将Clip“spring”从图库拖到场景中，在属性面板上面将其命名为“spring”，在Clip的Action面板上面增加如下语句：

onClipEvent (load) {网站制作
  this._x = 400; //设置弹簧的位置跟缩放比例北京网站制作
  this._y = 125;北京网页设计
  this._yscale = 100;北京网站设计
  // 网页设计设置变量值，_root.ys表示主场景中的ys变量北京网页设计
  _root.ys = this._y; 北京网站设计
  _root.sp = this._yscale;北京网站制作
}

北京网站建设
 　6、在主场景的时间轴上面插入一个新的图层，命名为“weightm”。按“Ctrl + L”打开图库，将 网站制作Clip“weightm”从图库拖到场景中，在属性面板上面将其命名为“weight”，在Clip的Action面板上面增加如下语句：

onClipEvent (load) {北京网站建设
  this._x = 400;北京网站制作
  this._y = 200;北京网站制作
  _root.xw = this._x;网站建设
  _root.yw = this._y;网页设计
}

　　注释：设置球的位置跟相应变量值。

　　7、在主场景的时间轴上面插入一个新的图层，命名为“dot”。按“Ctrl + L”打开图库，将Clip“dot”从图库拖到场景中，在属性面板上面将其命名为“dot”。

　　8 北京网站建设、在主场景的时间轴上面插入一个新的图层，命名为“actions 北京网站制作”。分别用右键点击此层的第2、3两帧，选取插入关键帧，如图5所示。

 

　　分别在第2、3两帧的Action面板上面增加如下语句：

if (drag) {北京网站设计
  var e = 2.71828; //设置一个弹簧的比例系数网站设计
  if (j<1) {网站建设
    //根据球的位置，取得变量的值网站制作
    y = 2*(getProperty("weight", _y)-yw); 北京网站建设
    j = 1;北京网站制作
  }北京网站设计
  xp = getProperty("dot", _x); //取得要绘制的曲线的点企通互联
  yp = getProperty("dot", _y);北京网站制作
  bn = "dot" add i;北京网站建设
  duplicateMovieClip("dot", bn, i); / /复制一个Clip网站设计
  setProperty(bn, _x, xp+i); //设置所复制Clip的位置网页设计
  setProperty(bn, _y, yp+n);网站制作
  //取得绘制曲线时所需的值网站制作
  n = y*Math.pow(e, -0.005*i)*Math.sin(0.2*i); 网站设计
  im = i;企通互联
  i++;网站建设
  nx = getProperty(bn, _x); //取得曲线的位置网页设计
  if (nx>800) { //判断所绘制的曲线是否到了场景的边缘北京网站制作
    for (m=0; m<=im; m++) {北京网站制作
      cn = "dot" add m;北京网站建设
      removeMovieClip(cn); //删除所绘制的曲线网站建设
    }北京网站建设
    gotoAndPlay(1);北京网站建设
  }网站设计
　　9、在主场景的时间轴上面插入一个新的图层，命名为“actions”。用右键点击此层的第2帧，选取插入关键帧。在第2帧的Action面板上面增加如下语句：

//设置弹簧的缩放比例网站制作
_root.spring._yscale = sp+0.5*(_root.weight._y-yw); 北京网页设计
_root.spring._y = ys+0.375*(_root.weight._y-yw);网站建设
if (j>0) {北京网站制作
  _root.weight._y = yw+n; //控制球的运动网站制作
  spring._yscale = sp+0.5*n; //改变弹簧缩放比例的值北京网页设计
  spring._y = ys+0.375*n;北京网站建设
}

　　10、在主场景的时间轴上面插入一个新的图层，命名为“actions”。用右键点击此层的第3帧，选取插入关键帧。在第1帧的Action面板上面增加如下语句：

i=0;网站设计
j=0;企通互联
dot._x=50;北京网站设计
dot._y=450;北京网站制作
drag=false;

　　在第3帧的Action面板上面增加如下语句：

gotoAndPlay(2);

企通互联　　此时主场景的时间轴如图6所示。

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

上一页  [1] [2]