如何制作震动按钮?

作者:闪吧   类型:原创   来源:闪吧

  

  如何制作震动按钮?
解决思路
   主要的思路是利用X轴,Y轴坐标的改变来完成震动效果。
具体步骤
一个最简单的办法是在按钮的第4帧“点击”帧上放置一个按钮震动的影片剪辑。这样是可以的。但是今天我们来向大家介绍一个利用as方法实现震动按钮的效果。
1,  我们要准备5个影片剪辑,分别放置5个按钮图形。如图1所示。


图1  绘制按钮图形
2,  把这5个影片剪辑分别从库中拖放到场景中,按照顺序排列。在下面的属性面板中分别命名为M0,M1,M2,M3,M4。如图2所示。


图2   影片剪辑得分身名
3,  新建图层,在第1帧添加AS:
for (var i = 0; i<5; i++) {
         var tmpName = ["m"+i];
         _root[tmpName].onRollOver = function() {
                   myName = this._name;
                   BTNx = _root[myName]._x;
                   BTNy = _root[myName]._y;
                   shakeItNow = setInterval(shakeIt, 10);
         };
         _root[tmpName].onRollOut = function() {
                   clearInterval(shakeItNow);
                   _root[myName]._x = BTNx;
                   _root[myName]._y = BTNy;
         };
}
function shakeIt() {
         _root[myName]._x = BTNx+(Math.round(Math.random())*5);
         _root[myName]._y = BTNy+(Math.round(Math.random())*5);
         updateAfterEvent();
}
4,   里面得主要AS:
for (var i = 0; i<5; i++) {//因为有5个按钮,所以要循环5次
 var tmpName = ["m"+i];//为按钮重命名
 _root[tmpName].onRollOver = function() {//鼠标滑过所指按钮
  myName = this._name;
  BTNx = _root[myName]._x;
  BTNy = _root[myName]._y;
//以上是定义初始位置
  shakeItNow = setInterval(shakeIt, 10);//调用函数(setInterval得用法看后面注释吧:)
 };
 _root[tmpName].onRollOut = function() {//鼠标滑出所指按钮
  clearInterval(shakeItNow);//看名字就知道是,清除一个使用 setInterval 语句
  _root[myName]._x = BTNx;//位置还原
  _root[myName]._y = BTNy;
 };
 
}
//震动设置
function shakeIt() {
 _root[myName]._x = BTNx+(Math.round(Math.random())*5);
 _root[myName]._y = BTNy+(Math.round(Math.random())*5);
 updateAfterEvent();//刷新作用
}
5,好了,我们测试效果吧。请参看源文件震动按钮.fla


特别说明


使用 setInterval 语句,可以让 Flash 每隔一段时间就执行指定的子程序。参数(function)指定了要执行的子程序名。参数(object)指定了要调用子程序的对象名称。参数(methodName)指定要调用的对象方法名称。参数(interval)指定了每次调用这些方法和子程序的间隔时间,单位是毫秒。参数(arg1, arg2, ..., argn)可以让程序在调用这些方法和子程序时传递这些参数。

   责任编辑:kissall    时间:2005年8月29日