flash制作逼真放大镜效果实例制作教程中,主要就是应用遮罩效果,方法简单效果还不错, 看看效果:
试着用鼠标在美女画面上来回移动,就会看到跟随鼠标移动的放大镜效果了。 制作过程如下: 1、首先建一个影片剪辑pic,导入一张图片; 2、再建一个影片剪辑mask,画一个无边线的圆; 3、回到主场景,新建四层,第一层从库中拖入影片剪辑pic,透明度调为60左右,第二层将第一层原位复制,再将该层的图片放大至120%,把俩层的图片都对齐至舞台中央; 4、第三层拖入影片剪辑mask,实例名也命名为mask; 5、然后在第四层加入以下代码: //mask弹性跟随鼠标的速度,该值越大则越慢var speed = 5; //构造一个函数,让mask弹性跟随鼠标 MovieClip.prototype.follow = function() { //该函数继承MovieClip的所有属性 this.onEnterFrame = function() { //弹性缓冲公式,大多数都是这种形式 this._x += (_root._xmouse-this._x)/speed; this._y += (_root._ymouse-this._y)/speed; //当到达鼠标的位置时删除进入帧事件 if (Math.abs(_root._xmouse-this._x)<1 && Math.abs(_root._ymouse-this._y)<1) { delete this.onEnterFrame; } }; }; //当鼠标移动时调用上面构造好的函数 onMouseMove = function () { mask.follow(); }; 简单吧,测试看效果。 |
|