论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

Flash基础理论:绚酷鼠标

文章类别:Flash | 发表日期:2008-9-21 20:10:08

  

在学习之前,我们先复习一下前面(功能代码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推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058