|
 
- 帖子
- 387
- 积分
- 130
- 技术分
- 35
- 在线时间
- 491 小时
- 注册时间
- 2006-5-18
|
1#
发表于 2006-8-27 21:13
| 只看该作者
遮罩弹性跟随(原创)
这个效果做起来不难,但做出来还是不错的,有些简单的部分我就不讲了。
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();
}; |
-
-
遮罩弹性跟随.fla (192 KB)
-
-
遮罩弹性跟随.swf (41.84 KB)
|