WEB开发网
开发学院图形图像Flash Flash实例:AS3制作茶杯震动动画 阅读

Flash实例:AS3制作茶杯震动动画

 2010-09-29 10:17:09 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 制作过程如下: 首先准备一个图片当做背景,如下:然后再建立一个新图层,Flash实例:AS3制作茶杯震动动画,导入一个茶壶素材,然后把它转变为影片剪辑,之后命名实例名字,图片看不清楚?请点击这里查看原图(大图)

本文示例源代码或素材下载

制作过程如下:

首先准备一个图片当做背景,如下:

Flash实例:AS3制作茶杯震动动画

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

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;
}

试试效果吧!

Tags:Flash 实例 AS

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接