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的人很惨
- 哪里有学平面设计的学校 想学平面设计去哪里学
- 初学平面设计用哪个软件 平面设计初学者必备的
- 0基础学平面设计要多久 0基础自学平面设计
- 平面设计手绘培训 平面设计师培训班学费多少钱
- ui工作好找工作吗 ui好不好找工作
- 女生学室内设计吃香吗
- ps平面设计自学教程 平面设计ps入门教程
- 平面设计基础知识大全 平面设计基本常识
- 平面设计基础教学视频 平面设计教学零基础入门
- 平面设计基础教学 平面设计基础教学平时作业
- ui设计主要是学什么 ui设计一般是学什么