鼠标跟随+模糊效果：不用startDrag()函数

最新推荐文章于 2020-11-23 16:38:46 发布

最新推荐文章于 2020-11-23 16:38:46 发布 · 195 阅读

文章标签：

#Flash

actionscript 专栏收录该内容

107 篇文章

订阅专栏

本文介绍了一种使用ActionScript实现的鼠标跟随及模糊效果的技术方案，该方案不依赖于startDrag()函数，通过自定义缓动算法使元素平滑跟随鼠标移动，并动态调整模糊程度。

鼠标跟随+模糊效果：不用startDrag()函数

import flash.filters.BlurFilter;
var blur:BlurFilter = new BlurFilter(5,5,3);
var maxblurdistance:Number =5;
test.filters =[blur];

addEventListener(Event.ENTER_FRAME,onEnterFrame);
function onEnterFrame(e:Event):void{
//一般缓动：当前坐标=当前坐标 - （当前坐标 - 目标坐标）/ 速度参数
var dx:Number = mouseX - test.x;
var dy:Number = mouseY - test.y;
test.x +=dx/2;
test.y +=dy/2;
blur.blurX = Math.abs(dx/2);
blur.blurY = Math.abs(dy/2);
test.filters =[blur];

}

------------------------------------------------------
响应鼠标互动的缓动：
test code：

addEventListener(Event.ENTER_FRAME,onEnterFrame);
function onEnterFrame(e:Event):void{
//当前坐标=当前坐标 + （目标坐标 - 当前坐标）/ 速度参数
var centerX:Number = (stage.stageWidth - test.width)/2;
var centerY:Number = (stage.stageHeight - test.height)/2;

var tx:Number = centerX+test.width/4 -mouseX/10;
var ty:Number = centerY -mouseY/10;
var dx:Number = tx - test.x;
var dy:Number = ty - test.y;
test.x +=dx/2;
test.y +=dy/2;
}