当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > Flash实例教程:鼠标点击出现图片动画

Flash实例教程
Flash教程:AS制作加载外部.swf影片的视频播放器
FlashAS3.0实例教程:喷泉动画特效
Flash cs3仿真艺术设计2.5:压扁与拉伸运用
Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶
Flash CS4教程:AS3制作非常漂亮的曲线
Flash实例:AS3制作茶杯震动动画
Flash教程:鼠标点击显示打散动画
Flash实例教程:鼠标感应放大缩小动画
Flash实例教程:启动摄像头拍照动画
Flash AS3教程:制作文字飞出动画
Flash CS3教程:线性渐变模糊运动动画特效
Flash动画制作实例:不间断滚动图片动画
Flash AS3简单制作百叶窗图片特效
Flash AS3简单制作图片缓动特效动画
Flash AS3简单制作跟随鼠标缓动运动的圆
Flash轻松制作照片上有水纹波动动画
Flash实例:庆祝祖国60华诞烟花动画
Flash CS4教程:旋转的3D立方体动画
Flash实例教程:好看的旋转文字动画
Flash实例教程:低排放高节能汽车广告动画

Flash实例教程:鼠标点击出现图片动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 114 ::
收藏到网摘: n/a

本文是适合初学者的FLASH教程,最终效果是用鼠标点击后,一个图片出现,从左上角到右下角放大显示,先来看最终效果:

效果如上,鼠标点击动画就会出现一个图片 

点击这里下载源文件

下面开始讲述制作步骤:

第一步:首先准备一幅图片:

Flash实例教程:鼠标点击出现图片动画_ruanchen.com

然后打开FLASH,之后新建立一个文档:

Flash实例教程:鼠标点击出现图片动画_ruanchen.com

然后把图片导入到FLASH中,把图片转换为影片剪辑:

Flash实例教程:鼠标点击出现图片动画_ruanchen.com

然后按Ctrl+L打开库,找到这个影片剪辑,然后右击:

Flash实例教程:鼠标点击出现图片动画_ruanchen.com

设置如下:

Flash实例教程:鼠标点击出现图片动画_ruanchen.com

回到舞台后,把图片影片剪辑删除掉,选择第一帧,添加如下动作:

function Main() {
stage.addEventListener(MouseEvent.CLICK, AddImage);
}
Main();
function AddImage(e:MouseEvent):void {
 var newImage:CoolImage = new CoolImage();
this.addChild(newImage);
newImage.x = mouseX;
newImage.y = mouseY;
newImage.scaleX = 0;
newImage.scaleY = 0;
newImage.alpha = 0;
newImage.addEventListener(Event.ENTER_FRAME, ZoomImage);
}
function ZoomImage(e:Event):void {
var imageMC:MovieClip = MovieClip(e.target);
imageMC.scaleX += .05;
imageMC.scaleY += .05;
if (imageMC.scaleX < 4) {
imageMC.alpha += .05;
} else {
imageMC.alpha -= .05;
if (imageMC.alpha < .8) {
imageMC.removeEventListener(Event.ENTER_FRAME, ZoomImage);
}
}
}

最终效果如上,希望大家喜欢。