正在阅读:Flash制作绚酷鼠标特效三例Flash制作绚酷鼠标特效三例

2008-02-21 17:43 出处:其它网站 作者:闪吧 FL基理大师 责任编辑:chenzhenjia
11、箭头形状鼠标特效AS代码回顶部

  在学习之前,我们先复习一下前面(功能代码07<百变图>)曾用过的
  目标移动公式:

  mc.当前坐标 += (mc.目标坐标 - mc.当前坐标) * A 缓动常量(0<A<1)

  例如

  舞台上有一个影片剪辑,实例名为 mc,使其移动到 x=400, y=300 的位置
  mc.Tox = 400;
  mc.Toy = 300;
  mc.onEnterFrame = function() {
  this._x += (this.Tox-this._x)*0.3;
  this._y += (this.Toy-this._y)*0.3;

  //更新每个实例的坐标了,可理解为:
  //实例的 X 坐标 = 自己的X坐标 +(目标的X坐标–自己的X坐标)*0.3
  //实例的 Y 坐标 = 自己的Y坐标 +(目标的Y坐标–自己的Y坐标) *0.3
  };


  实例一:箭头形状


效果一

  思路:
  1、复制出Num个鼠标,鼠标的透明度递减(如果i是递增的,N-i 就是递减的);
  2、用第Num鼠标作为当前鼠标,其它均为跟随;
  3、跟随的原理就是以前一个鼠标位置作为目标坐标,使后一个鼠标向前一个的位置移动。

  步骤1:

Flash制作绚酷鼠标特效三例
绘制箭头


  绘制一个鼠标,保存为影片剪辑,连接—>导出—>标志符"mouse"

  步骤2:

  加入AS代码:
  Mouse.hide();
  //隐藏原有鼠标
  var Num = 10;
  //鼠标跟随的数量
  for (var i = 0; i<Num ; i++){
  _root.attachMovie("mouse", "m"+i, i);
  //复制出Num个鼠标的影片剪辑
  this["m"+i]._alpha = (Num-i)/Num*100;
  //设置出渐隐效果,每个鼠标的透明度递减
  }
  _root.onEnterFrame = function() {
  this["m"+0]._x = _xmouse;
  this["m"+0]._y = _ymouse;
  //让this["m"+0]作为当前鼠标
  for (var i = 1; i<Num ; i++){
  this["m"+i]._x += ((this["m"+(i-1)]._x)-this["m"+i]._x)*0.5;
  this["m"+i]._y += ((this["m"+(i-1)]._y)-this["m"+i]._y)*0.5;
  }
  //令后一个鼠标跟随前一个鼠标的位置,缓动地向前一个鼠标接近
  };

22、圈圈环状鼠标特效回顶部


  实例二:圈圈状


效果二

  思路
  1.方法与实例一类似;
  2.改变了鼠标跟随的样式;
  3.使小的鼠标透明度大,大的鼠标透明度小(如果i是递增的,N-i 就是递减的)。

  步骤1:

Flash制作绚酷鼠标特效三例
绘制出圆圈

  绘制一个鼠标,保存为影片剪辑,连接—>导出—>标志符"mouse"

  步骤2

  加入AS代码:
  Mouse.hide();
  //隐藏原有鼠标
  var Num = 10;
  //鼠标跟随的数量
  for (var i = 0; i<Num ; i++){
  _root.attachMovie("mouse", "m"+i, i);
  this["m"+i]._xscale = this["m"+i]._yscale=i/Num*100;
  //鼠标的尺寸递增
  this["m"+i]._alpha = (Num-i)/Num*100;
  //鼠标的透明度递减
  }
  _root.onEnterFrame = function() {
  this["m"+0]._x = _xmouse;
  this["m"+0]._y = _ymouse;
  for (var i = 1; i<Num ; i++){
  this["m"+i]._x += ((this["m"+(i-1)]._x)-this["m"+i]._x)*0.5;
  this["m"+i]._y += ((this["m"+(i-1)]._y)-this["m"+i]._y)*0.5;
  }
  };

33、心形鼠标特效AS代码回顶部

  实例三:心形


效果三

  思路:
  1.方法与实例一类似;
  2.改变了鼠标跟随的样式,也是使鼠标跟随围成一个圆的关键;
  3.改变每个鼠标的旋转。

  步骤1;

Flash制作绚酷鼠标特效三例
绘制心形图

  绘制一个鼠标,保存为影片剪辑,连接—>导出—>标志符"mouse"
  注意:鼠标与注册点之间要留有一定的距离,这是使之围成圆的关键

  步骤2

  加入AS代码:
  var Num = 30;
  //鼠标跟随的数量
  for (var i = 0; i<Num ; i++){
  _root.attachMovie("mouse", "m"+i, i);
  this["m"+i]._rotation = i*24;
  //设置初始的旋转角度
  this["m"+i]._alpha = (Num-i)/Num*100;
  }
  _root.onEnterFrame = function() {
  this["m"+0]._x = _xmouse;
  this["m"+0]._y = _ymouse;
  this["m"+0]._rotation += 10;
  for (var i = 1; i<Num ; i++){
  this["m"+i]._x += ((this["m"+(i-1)]._x)-this["m"+i]._x)*0.5;
  this["m"+i]._y += ((this["m"+(i-1)]._y)-this["m"+i]._y)*0.5;
  this["m"+i]._rotation += 10;
  //使所有鼠标都转起来
  }
  };

  Flash 充电: for 循环实现数组反向存储
  var Len = 20;
  //数组长度
  var A:Array = new Array(Len);
  for (var i = 0; i<Len ; i++){
  A[i] = Len-i;
  //A[Len-i-1] = i;
  }
  trace(A);

 

关注我们

最新资讯离线随时看 聊天吐槽赢奖品