网页教学网
 当前位置: 网页教学网 >> 动画制作 >> Flash实例教学 >> 阅读:Flash轻松制作遮罩弹性跟随视觉效果
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Flash轻松制作遮罩弹性跟随视觉效果

http://www.webjx.com  更新日期:2007-07-20 17:44  出处:闪吧  作者:tiger_0309 收藏本文

这个效果做起来不难,而且做出来还是不错的,有些简单的部分我就不讲了。看效果先:

Fla源文件下载:点击这里下载源文件

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,实例,技巧
推荐给好友】【关闭
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为