用Flash AS代码制作鼠标点击图片缓冲放缩动画效果
平面设计 2021-07-03 14:35www.168986.cn平面设计培训
本文中我们用用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() {
sDrag();
this.onEnterFrame = function() {
this._xscale -= (this._xscale-100)/4;//缓冲缩小
this._yscale -= (this._yscale-100)/4;
if (this._xscale<=100) {
delete this.onEnterFrame;
}
};
};
}
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() {
sDrag();
this.onEnterFrame = function() {
this._xscale -= (this._xscale-100)/4;//缓冲缩小
this._yscale -= (this._yscale-100)/4;
if (this._xscale<=100) {
delete this.onEnterFrame;
}
};
};
}
以上就是用Flash AS代码制作鼠标点击图片缓冲放缩动画效果过程,希望对大家有所帮助!
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么