|
本文中我们用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();
}; |
上一篇:Photoshop打造精美的玻璃项坠饰品
下一篇:Smashingmagazine个性网页设计作品(2)
|
