正在阅读：Flash实例教程：AS3制作茶杯震动动画Flash实例教程：AS3制作茶杯震动动画

2009-06-30 09:28 出处：PConline 作者：网页教学网责任编辑：lizhiyan

　　本Flash实例教程主要介绍AS3制作茶杯震动动画，我们先来看看本例的效果，用鼠标指向右侧的茶壶可以看到震动效果。

　　以下是制作的过程：

　　首先准备一个图片当做背景，：

　　然后再建立一个新图层，导入一个茶壶素材，然后把它转变为影片剪辑，之后命名实例名字。

　　目前存在两个图层，然后我们再新建立一个放置ACTION的图层，代码如下：

var coordX:Number = shaker_mc.x;
var coordY:Number = shaker_mc.y;
var timer:Timer = new Timer(10);

shaker_mc.buttonMode = true;

shaker_mc.addEventListener(MouseEvent.ROLL_OVER,startShake);
shaker_mc.addEventListener(MouseEvent.ROLL_OUT,stopShake);
timer.addEventListener(TimerEvent.TIMER, shakeImage);
function startShake(e:MouseEvent):void{
timer.start ()
}

function stopShake(e:MouseEvent):void{
timer.stop();
shaker_mc.x = coordX;
shaker_mc.y = coordY;
shaker_mc.rotation = 0;
}

function shakeImage(event:Event):void {
shaker_mc.x = coordX+ getMinusOrPlus()*(Math.random()*5);
shaker_mc.y = coordY+ getMinusOrPlus()*(Math.random()*5);
shaker_mc.rotation = getMinusOrPlus()* Math.random()*6;
}

function getMinusOrPlus():int{
var rand : Number = Math.random()*2;
if (rand<1) return -1
else return 1;
}

　　试试效果吧！点击这里下载源文件。