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

2008-02-21 17:43 出处:其它网站 作者:闪吧 FL基理大师 责任编辑:chenzhenjia

  在学习之前,我们先复习一下前面(功能代码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;
  }
  //令后一个鼠标跟随前一个鼠标的位置,缓动地向前一个鼠标接近
  };

键盘也能翻页,试试“← →”键

关注我们

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