和我们一起放飞理想吧!
  • 本栏最新文章
摄影专辑AD
  • 本栏推荐文章
当前位置:应用教程首页 >> FLASH教程 >> 详细内容

绚酷鼠标效果代码

2008-02-21 19:32:31    作者:FL基理大师    来源:网页设计师联盟    文字大小: |  | 
简介:在学习之前,我们先复习一下前面(功能代码07<百变图>)曾用过的目标移动公式: mc.当前坐标 += (mc.目标坐标 - mc.当前坐标) * A 缓动常量(0<A<1) 例如: 舞台上有一个影片剪辑,实例名为 mc,使其移动到 x=40 ...
关键字:flash 鼠标跟随

在学习之前,我们先复习一下前面(功能代码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:

绘制一个鼠标,保存为影片剪辑,连接—>导出—>标志符"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;
 }
 //令后一个鼠标跟随前一个鼠标的位置,缓动地向前一个鼠标接近
};


实例二

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

步骤1:

绘制一个鼠标,保存为影片剪辑,连接—>导出—>标志符"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;
 }
};

 

实例三

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

步骤1:

绘制一个鼠标,保存为影片剪辑,连接—>导出—>标志符"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);

相关文章
flash mv文字如何做出类似卡拉ok的字幕效果
flash轻松制作2008北京奥运邮票
Flash破解与加密综合
Flash实例:水波效果
制作标志
Flash AS曲线的绘制
Flash MX倒入位图
Flash AS代码编写图片环绕旋转效果
利用flash实现产品分类检索
线条效果(AS)
Flash视频的SEO优化
绵阳网警