您的位置: 首页 >> 新闻中心 >> 计算机 >> 设计制作
Flash遮罩轻松制作鼠标弹性跟随放大镜
精英教育阅读提示:本文中我们用Flash遮罩轻松制作鼠标弹性跟随放大镜,做起来不难,而且效果还不错,有些简单的部分我就不细讲了。
■ 最新课程推荐更多课程>>
学校培训课程开课时间上课地点精英价报名
北 师 大 平面设计创意全科班电话预约北京师范大学¥1300
北 师 大 艺术设计实战班电话预约北京师范大学¥2200
北 师 大 商业设计实战班电话预约北京师范大学¥2600
金 同 方 苹果平面设计周末班电话预约人大总部¥960
金 同 方 平面设计认证周末班电话预约人大总部¥588

  先看效果:


大家用鼠标在画面上移动,则会看到跟随鼠标移动的放大镜效果

  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 AS应用实例:用代码制作按钮弹出窗口

  今天应一位网友要求写一篇"用Flash按钮弹出窗口"的小文章,希望对各位朋友有用!

  我常用的flash按钮调用javascript函数的方式有两种,一种是用fscommand(),另一种就是用getURL()。

  其中getURL()比较简单,所以这里我们主要采用getURL()函数!

  1、在Flash里面新建一个按钮(Flash命名为mc.fla),在按钮上写入如下代码:

on (release)...[查看详情]

  影视动画培训   北大BEC培训官方报名网站   2008美国夏令营启航官方指定报名网站   2008留学第一站!  
  北师大 火星时代
共举影视动画培训之鼎
  北大BEC培训官方报名网站
现在报名独享95折!
  2008年国家职业资格考试
一次过关完全备考手册
  2008留学第一站
留学资讯尽在精英留学站!
 
上一篇:Vue 5 Esprit动画制作:时间线
下一篇:Flash AS应用实例:用代码制作按钮弹出窗口
 相关新闻
·学会简单使用Flash 8 AS代码写摄像头拍照功能·Flash实例:鼠标点选不同层次的层叠图片
·Flash AS代码简单实现动态文本包边效果·flash实例:使用Flash制作超酷旋转互动相册
·Flash制作漂亮的三重卷动相册特效动画·Flash与后台编码兼容性问题的解决方案
·用Flash轻松制作鼠标点击发散特效动画·Flash动画制作过程概述及时间控制技巧
·Flash动画技巧:动画人物走路的动作规律·Flash制作电子杂志常用滚动区域控制代码
·简单运用Mozilla和Firefox来实现Flash透明背景·Flash的动态文本如何调用外部文本文件
·让Flash调用符合web标准 消除浏览器影响·Flash AS代码应用实例:仿贝塞尔曲线控制
·Flash AS3应用实例:制作统计饼图动画效果·Flash AS应用实例:用代码制作按钮弹出窗口
 
◇ 重点栏目导航
◇ 精英服务承诺
教育顾问:010-51660910
QQ交流:138660910
相关资料
·用Photoshop制作逼真自然背景
·PhotoShop帮助Maya巧建模
·道字桌面的仿书法制造
·用Coreldraw绘制美丽国画荷花
·如何配色?无论新手老手,读下这篇文章相
·天使翅膀的制作
·Photoshop制作无缝贴图:Action动作集总
·photoshop学习方法总结
·学好平面设计的好方法
·[艺术设计专题]企业VI系统的简介和工作步
相关试题
·CEAC平面设计师考证之Photoshop考试试题
·你会吗 Adobe Photoshop 认证试题一
·武汉理工大学2003年艺术设计学院平面设计
·你会吗 Adobe Photoshop 认证试题三
·你会吗 Adobe Photoshop 认证试题二
相关热贴
·想学设计课啊,哪位帮我推荐一下~~
·制作个人简历九大标准
·oracle下导出某用户所有表的方法
·给年轻设计师的十大忠告
·平面设计人员必读 (速读版)
·计算机个人简历(英语)
·浅谈计算机课件制作
·一张图透彻讲解Photoshop蒙版
·Delphi中数据的自动录入
·Java与C和C++的比较