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

试试效果吧!

本文配套源码

时间: 2024-09-03 11:11:57

Flash实例:AS3制作茶杯震动动画的相关文章

AS3制作茶杯震动动画

效果如下:(用鼠标指向右侧的茶壶可以看到震动效果)   源文件下载:1_090624010301.rar 制作过程如下: 首先准备一个图片当做背景,如下: 然后再建立一个新图层,导入一个茶壶素材,然后把它转变为影片剪辑,之后命名实例名字. 目前存在两个图层,然后我们再新建立一个放置ACTION的图层,代码如下: var coordX:Number = shaker_mc.x;   var coordY:Number = shaker_mc.y; var timer:Timer = new Tim

Flash AS3制作茶杯震动gif动画效果

 下面小编就为大家介绍Flash AS3制作茶杯震动gif动画效果,教程很不错哦,也很简单,一起来学习吧! 效果如下:(用鼠标指向右侧的茶壶可以看到震动效果) 制作过程如下: 首先准备一个图片当做背景,如下: 然后再建立一个新图层,导入一个茶壶素材,然后把它转变为影片剪辑,之后命名实例名字. 目前存在两个图层,然后我们再新建立一个放置ACTION的图层,代码如下:   代码如下: var coordX:Number = shaker_mc.x;  var coordY:Number = shak

Flash引导线制作雪花飘飘动画

  本文介绍在Flash中利用引导线制作雪花飘飘动画. 这种方法最笨但也效果最好,就是用"引导线"功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好. 1.新建一个Flash影片.设背景为"黑色",其他的用默认值. 2.按Ctrl F8新建一个组件,类型为"影片剪辑",命名为"雪花".在它的正中用"铅笔"工具画一个不规则的多边形,然后用"颜料桶工具"将它填上白色.(如图1-1所示) 3

Flash教你制作扫光字动画效果

本系列Flash教程由中国教程网Flash互助课堂专为Flash新手制作 效果演示: 现在开始制作: 1.首先,需要用文本工具输入一个文本,然后用,Ctrl+B将文本打散,将每个文字转换成影片剪辑. 2.在库中双击最左的那个文字的影片剪辑,进入其编辑状态,用线条工具画一个向左边的光线,如图: 现在打开颜色面板,点击填充色,选择线性渐变,左右色标均为白色,左色标透明度为0%,右色标透明度为100%.然后这个填充色去填充光线,如图: 将光线的轮廓线删掉,将光线转换为影片剪辑,比如我取名为:中_lig

Flash教你制作水滴掉落动画效果

核心提示:做这个是有原因的,是想教大家怎样制作水滴掉下来的FLASH,其实很简单,适合新手看. 做这个是有原因的,如果不是朋友说到怎样制作水滴掉下来的FLASH,我还真的不会在这给大家讲了.我每次做FLASH,都是由FLASH朋友经常提到才去做.今天有时间给大家介绍下如何制作,其实很简单,适合新手看,高手就做评委咯.废话少说,开始做... 第一步:打开FLASH8软件,新建FLASH文档.新建4个图层,分别取名为:水滴.水滴声音.溅起水.海水.见下图: 第二步:新建4个图层后,请点水滴图层的第一

Flash教程:制作3D旋转动画效果

  本教程着重于代码的编写,版本AS 3.0.只要制作一个旋转的3D球,图形元件的制作不作讲解,请参看有关教程. include "Math2.as" //图片容器 var menu:Sprite=new Sprite(); //使图标移动 menu.x = 300; menu.y = 200; //注册事件侦听器 menu.addEventListener(Event.ENTER_FRAME,moveMenu); this.addChild(menu); //椭圆在x 和y 轴上的截

Flash实例制作视频教程:踏春动画(6)

教程|视频教程 第 75 节:走!咱们踏春去(6) 课程目标:制作<走!咱们踏春去>贺卡 课程要点:使用Flash MX 2004制作<走!咱们踏春去>贺卡.实例教程共六节,这是第六节.同时提供fla源文件下载,方便大家学习和参考. 观看教程:[全屏观看] (2.66MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] [太平洋下载]) 下载教程:[下载教程] [下载源文件(1.09MB)] 动画效果演示:

Flash实例制作视频教程:踏春动画(5)

教程|视频教程 第 74 节:走!咱们踏春去(5) 课程目标:制作<走!咱们踏春去>贺卡 课程要点:使用Flash MX 2004制作<走!咱们踏春去>贺卡.实例教程共六节,这是第五节.同时提供fla源文件下载,方便大家学习和参考. 观看教程:[全屏观看] (2.66MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] [太平洋下载]) 下载教程:[下载教程] [下载源文件(1.09MB)] 动画效果演示:

Flash实例制作视频教程:踏春动画(4)

教程|视频教程 第 73 节:走!咱们踏春去(4) 课程目标:制作<走!咱们踏春去>贺卡 课程要点:使用Flash MX 2004制作<走!咱们踏春去>贺卡.实例教程共六节,这是第四节.同时提供fla源文件下载,方便大家学习和参考. 观看教程:[全屏观看] (2.66MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] [太平洋下载]) 下载教程:[下载教程] [下载源文件(1.09MB)] 动画效果演示: