跟随鼠标变化的滤镜效果

【flash8新特性实例教材】跟随鼠标变化的滤镜效果

本实例使用flash8制作和发布,请把你的ie浏览插件更新为flash8查看~
[upload=swf]UploadFile/2005-12/20051231183349122.sw

制作主要使用如下方法:
1、制作一个MC,拖入到舞台上,修改实例名为myMC
2、添加下列代码:
import flash.filters.*;//载入滤镜类
// 定义初始斜角滤镜的偏移距离
var maxbeveldistance:Number = 5;
// 创建一个斜角滤镜
var bevel:BevelFilter = new BevelFilter();
// 定义初始斜角滤镜的强度
bevel.strength = .6;
// 创建一个投影滤镜
var dropshadowropShadowFilter = new DropShadowFilter();
//投影滤镜初始化
dropshadow.color = 0x000000;
dropshadow.alpha = .75;
dropshadow.blurX = 10;
dropshadow.blurY = 10;
// 跟随鼠标变化更新滤镜数据
onMouseMove = function(){

// 计算当前鼠标与mc之间的距离差
var dx = _xmouse - myMC._x;
var dy = _ymouse - myMC._y;

//计算距离
var distance = Math.sqrt(dx*dx + dy*dy);
// 计算偏移角
var angle = Math.atan2(dy, dx);

// 应用斜角发光的偏移距离和角度
bevel.distance = Math.min(maxbeveldistance, distance/50);
bevel.angle = 180 + angle * 180/Math.PI; // convert and rotate 180 degress

// 应用投影偏移距离和角度
dropshadow.distance = distance/20;
dropshadow.angle = 180 + angle * 180/Math.PI; // convert and rotate 180 degress

// 在mc上增加滤镜~
myMC.filters = [bevel, dropshadow];
}
//初始化
onMouseMove();

由于滤镜的效果很多,只是使用这几个,也可以使用不同的滤镜效果~

时间: 2024-11-10 01:08:33

跟随鼠标变化的滤镜效果的相关文章

Flash跟随鼠标变化的滤镜效果

跟随|跟随鼠标|滤镜 本实例使用flash8制作和发布,请把你的ie浏览插件更新为flash8查看- 点击这里下载源文件 制作主要使用如下方法: 1.制作一个MC,拖入到舞台上,修改实例名为myMC 2.添加下列代码: import flash.filters.*;//载入滤镜类 // 定义初始斜角滤镜的偏移距离 var maxbeveldistance:Number = 5; // 创建一个斜角滤镜 var bevel:BevelFilter = new BevelFilter(); // 定

jQuery+css3实现文字跟随鼠标的上下抖动_jquery

css3过渡属性结合jq,如果直接复制代码运行,需要加载一个jquery文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

JS特效代码示例:跟随鼠标的方块

文章简介:跟随鼠标的方块. <html xmlns="http://www.webjx.com/1999/xhtml"><head><title>跟随鼠标的方块</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>

Flash好看的跟随鼠标的旋转星星

核心提示:Flash好看的跟随鼠标的旋转星星制作教程. 第一步: 打开FLASH,新建一个影片剪辑元件,命名为"星星",在里面绘制一个星星出来,并且把它的中心点和舞台注册点对齐,在第20帧和第40处各插入一个关键帧.选中第20帧,在它的中心点和舞台的注册点对齐的情况下按住SHIFT键进行等比例缩小(你认为差不多就行了),然后选中第1到20帧的任意一帧创建补间动画,打开属性面板把它的转调成逆时针,选中第20到40帧的任意一帧创建补间动画,打开属性面板把它的转调成顺时针. 第二步: 在新建

在Flash中制作紧紧跟随鼠标的按钮说明文字

按钮|跟随|跟随鼠标 先看效果,紧紧跟随鼠标的按钮说明文字: 点击这里下载源文件 我以一个按扭为例来详细讲解制作过程.第一步:新建文件,创建按钮新元件(名为文章,你可以随你的意愿任取),绘制按钮.回到场景中,打开库,在图层1中的第一帧处把文章元件拖入场景中.第二步:创建影片剪辑新元件,(名为信息,同样,你可以随你的意愿任取),在第一层第5帧处插入空白关键帧,在第1帧和第5帧打开动作面板,分别输入代码:stop();在第5帧中绘制一个有边框的矩形,具体设置见图一: 在该层上新建层,第5帧处插入空白

Flash精致动画图标:跟随鼠标移动的放大镜

放大|跟随|跟随鼠标 目前流行的图标设计软件组合是 Illustrator/ Corel Draw + Photoshop (本文不讨论象素图标),做出来的图标是静态的,如果要应用于Flash, 必须通过位图导入,且不说透明GIF的锯齿.PNG的大体积,光一个马赛克现象就使得可用性大打折扣了,更不用说做一个动态的图标. 用Flash设计图标的优点是显而易见的: 支持动态图标,无失真放大,移植方便,可以和声音结合等等.缺点是不适合表现复杂的光影,一看就是卡通的. 先看看我的实验作品: 点击这里下载

互动Flash动画:跟随鼠标移动拉伸的蜘蛛丝

flash动画|跟随|跟随鼠标|蜘蛛 以前个人网上的一个点辍,用画线实现的,希望给有想象力的同志一点启发. 完成效果如下,大家移动鼠标,可以看到蜘蛛丝会跟随鼠标移动和拉伸. 下面讲下实现的方法, (1)先建三个MC,如下: 一个是spider_mc,画一个蜘蛛,像样点就算了,呵呵!一个是net_mc一个网,当背景用的,没有用!最后一个是空的MC,叫line_mc,用来画线的. (2)回到场景,建三个层如下: 最底一个叫NET,用来放背景net 的,把net拉进去;中间一个层叫line,用来放li

FLASH跟随鼠标的旋转星星

  第一步: 打开FLASH,新建一个影片剪辑元件,命名为"星星",在里面绘制一个星星出来,并且把它的中心点和舞台注册点对齐,在第20帧和第40处各插入一个关键帧.选中第20帧,在它的中心点和舞台的注册点对齐的情况下按住SHIFT键进行等比例缩小(你认为差不多就行了),然后选中第1到20帧的任意一帧创建补间动画,打开属性面板把它的转调成逆时针,选中第20到40帧的任意一帧创建补间动画,打开属性面板把它的转调成顺时针. 第二步: 在新建一个影片剪辑元件,命名为"转圈的星星&qu

js实现精美的图片跟随鼠标效果实例

  本文实例讲述了js实现精美的图片跟随鼠标效果实现方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69