欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

用Flash AS代码制作鼠标点击图片缓冲放缩动画效果

程序员文章站 2022-06-12 08:50:11
下面小编为大家介绍利用Flash AS代码制作鼠标点击图片缓冲放缩动画效果,教程比较简单,也很好了解,推荐过来,一起来看看吧... 14-10-20...
 本文中我们用用flash as代码制作鼠标点击图片缓冲放缩动画效果实例:按下鼠标拖动图片,图片会缓冲放大并移到最前面,松开鼠标停止拖动图片缓冲缩小。教程很不错,难度也不是很大,一起来学习吧!

  效果如下。


用鼠标点击图片并拖动,您将看到图片缓冲放缩效果

  flash中制作步骤:

  先在flash中导入几张图片,分别转为影片元件,拖到主场景,实例名分别为pic0_mc、pic1_mc、pic2_mc……

  在帧上写如下代码:


复制代码
代码如下:
for (var d:number = 0; d<=2; d++) {
this["pic"+d+"_mc"].onpress = function() {
mx.behaviors.depthcontrol.bringtofront(this);//移到最前
startdrag(this);
this.onenterframe = function() {
this._xscale += (200-this._xscale)/4;//缓冲放大
this._yscale += (200-this._yscale)/4;
if (this._xscale>=200) {
delete this.onenterframe;
}
};
};
this["pic"+d+"_mc"].onrelease = function() {
stopdrag();
this.onenterframe = function() {
this._xscale -= (this._xscale-100)/4;//缓冲缩小
this._yscale -= (this._yscale-100)/4;
if (this._xscale<=100) {
delete this.onenterframe;
}
};
};
}

  以上就是用flash as代码制作鼠标点击图片缓冲放缩动画效果过程,希望对大家有所帮助!