flash制作逼真放大镜效果_flash放大镜制作实例教程

时间:2012-03-02 02:10:01  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:sh.cab#version=7,0,19,0" height="350" title="flash 放大镜" width="470">
  正文: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();
};

简单吧,测试看效果。
flash制作逼真放大镜效果_flash放大镜制作实例教程

flash制作逼真放大镜效果_flash放大镜制作实例教程》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Design/FLASH/19272.html

感谢q930的投稿


关于《flash制作逼真放大镜效果_flash放大镜制作实例教程》文章的评论

站内搜索: 高级搜索

热门搜索:关键字 键盘  Windows PHP CPU style 系统 Google td tr IP function