Flash AS实例:鼠标图片震动特效制作
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-07
Flash AS实例:鼠标图片震动特效制作,呵呵效果你还喜欢吧!那就先看效果,在看怎么制作了吧,想知道怎么做就看代码了!先欣赏一下效果: 详细代码: [SWF(frameRate=24)] functionYuan(r:Number,ang:Number):Sprite{ vars:Sprite=newSprite();//容器画板 varm:Matrix=newMatrix(); m.createGradientBox(2*r,2*r,ang);//矩阵填充盒 s.graphics.beginGradientFill(GradientType.LINEAR,[0xff0000,0x000000],[1,1],[0,255],m); s.graphics.drawCircle(r,r,r); s.graphics.endFill(); returns; } //创建2个半径为80圆 varspx:Sprite=Yuan(80,0); varspy:Sprite=Yuan(80,Math.PI/2);//线性填充色偏移90 varss:Number=2;//2的ss次幂 vari:Number=0; //创建2个透明位图,大小为圆1圆2等同 varspbtx:BitmapData=newBitmapData(spx.width,spx.height,true,0); varspbty:BitmapData=newBitmapData(spy.width,spy.height,true,0);//为拷贝颜色通道的源位图数据 spbtx.draw(spx);//位图1拍照圆1, spbty.draw(spy);//位图2拍照圆2, //位图数据1拷贝以位图2为源图像的颜色通道值,源红目标蓝(1,4) spbtx.copyChannel(spbty,spbty.rect,newPoint(),BitmapDataChannel.RED,BitmapDataChannel.BLUE); varspbtxm:Bitmap=addChild(newBitmap(spbtx))asBitmap;//将位图数据1保存到位图显示对象中 //创建用于添加滤镜的位图数据spb varspb:BitmapData=newBitmapData(spx.width+60,spx.height+60,true,0); spb.applyFilter(spbtx,spbtx.rect,newPoint(30,30),newBlurFilter(30,30));//添加了模糊滤镜的图形 varS:BitmapData=newBitmapData(spx.width+60,spx.height+60,false,0x808080); S.draw(spb); spb.dispose();//释放内存中的位图数据对象 spbtx.dispose(); spbty.dispose(); mc.addEventListener(Event.ENTER_FRAME,onMove); varp:Point=newPoint();//目标图左上角与置换图左上角的偏移量 functiononMove(e:Event):void{ p.x+=(mouseX-spx.width/2-p.x)/5;//鼠标位置减置换图目标位置的差值,使置换的偏移量为缓动效果 p.y+=(mouseY-spx.height/2-p.y)/5; varMaxNum:Number=50*Math.cos(i/2)*(Math.pow(2,ss));//置换强度,2的ss次幂,置换强度是动态的,因此产生弹性跳动 varfilter:DisplacementMapFilter=newDisplacementMapFilter(S,p,1,4,MaxNum,MaxNum,DisplacementMapFilterMode.IGNORE); mc.filters=[filter]; (i++>100)?i=0:0;//i大于100后让cos的角度为0,圆的边缘置换的强度渐渐减弱 (ss+=0.5>30)?ss=0:0;//弧度值乘的系数也为0 } 关键词:鼠标 震动特效 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于Flash AS实例:鼠标图片震动特效制作的所有评论