用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代码制作鼠标点击图片缓冲放缩动画效果过程,希望对大家有所帮助!
平面设计师
- 四种常用的企业网站推广方式(了解SEO、SEM、社
- 网站建设类型概述(了解不同类型的网站建设)
- 珠海独立建站代理
- 丹东seo关键字优化(丹东seo技巧诀窍)
- 北京SEO教你百度快照排名怎么做-
- 怎么能搜索到附近人的手机网站
- 营销型网站建设五步骤(让企业营销更的建站方
- 重庆网站建设首页优化欢迎咨询
- 如何通过网页留白设计提升网站用户体验(网页
- 新手直播带货如何起号?(直播时需要遵循的4个
- 如何建立一个网站并维护(网站维护的内容有哪
- 如何利用策略提高网站百度SEO优化效果?(掌握
- 黄石商品seo推广价格
- 快速提高网站排名的10种方法(让你的网站在搜索
- 如何优化百度SEO内链和外链(5个外链优化方法)
- 沈阳企业建站模板