Flash AS3制作茶杯震动gif动画效果
平面设计 2021-07-03 14:35www.168986.cn平面设计培训
狼蚁网站SEO优化长沙网络推广就为大家介绍Flash AS3制作茶杯震动gif动画效果,教程很不错哦,也很简单,一起来学习吧!
效果如下(用鼠标指向右侧的茶壶可以看到震动效果)
制作过程如下
准备一个图片当做背景,如下
然后再建立一个新图层,导入一个茶壶素材,然后把它转变为影片剪辑,之后命名实例名字。
目前存在两个图层,然后我们再新建立一个放置ACTION的图层,代码如下
复制代码
代码如下:var coordX:Number = shaker_mc.x;
var coordY:Number = shaker_mc.y;
var timer:Timer = new Timer(10);</p> <p>shaker_mc.buttonMode = true;</p> <p>shaker_mc.addEventListener(MouseEvent.ROLL_OVER,startShake);
shaker_mc.addEventListener(MouseEvent.ROLL_OUT,sShake);
timer.addEventListener(TimerEvent.TIMER, shakeImage);
function startShake(e:MouseEvent):void{
timer.start ()
}function sShake(e:MouseEvent):void{
timer.s();
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;
}
var coordY:Number = shaker_mc.y;
var timer:Timer = new Timer(10);</p> <p>shaker_mc.buttonMode = true;</p> <p>shaker_mc.addEventListener(MouseEvent.ROLL_OVER,startShake);
shaker_mc.addEventListener(MouseEvent.ROLL_OUT,sShake);
timer.addEventListener(TimerEvent.TIMER, shakeImage);
function startShake(e:MouseEvent):void{
timer.start ()
}function sShake(e:MouseEvent):void{
timer.s();
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;
}
试试效果吧!
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么