Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>Flash|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > flash > Flash遮罩轻松制作鼠标弹性跟随放大镜
全文
群乐:Flash

Flash遮罩轻松制作鼠标弹性跟随放大镜

2007-08-01 16:45 作者: tiger_0309(闪吧) 出处: 论坛整理 责任编辑:Shiny

  本文中我们用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();
};

  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。

  更多精彩,尽在天极设计在线 design.yesky.com!


电脑美术设计热门专区


设计软件视频教程大全

设计软件经典教程

设计人生——数码设计人访谈实录集
·精彩设计作品展示
·精彩网页素材
·照片处理专区
·设计软件经典专题集粹

  阅读关于 flash AS 放大镜 互动 鼠标 动画 的全部文章
网友关注
最新上市
编辑推荐
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml