夏日博客

A-A+

As创建跟随鼠标指针的投影实现

2015年09月17日 前端设计 暂无评论 阅读 13 views 次

一段不错的As创建跟随鼠标指针的投影实现代码，有需要了解的朋友可进入参考参考。

创建一个新的 Flash 文档，并将其保存为 dropshadowmouse.fla,将下面的 ActionScript 添加到时间轴的第 1 帧:

  1. import flash.filters.DropShadowFilter;  
  2. System.security.allowDomain("http://www.flashjiaocheng.com");  
  3. var dropShadow:DropShadowFilter = new DropShadowFilter(4, 45, 0x00000  
  4. 0, 0.8, 10, 10, 2, 2);  
  5. // 加载图像并在舞台上定位该图像。  
  6. var mclListener:Object = new Object();  
  7. mclListener.onLoadInit = function(target_mc:MovieClip):Void {  
  8.     target_mc._x = (Stage.width - target_mc._width) / 2;  
  9.     target_mc._y = (Stage.height - target_mc._height) / 2;  
  10. };  
  11. this.createEmptyMovieClip("img_mc", 10);  
  12. var img_mcl:MovieClipLoader = new MovieClipLoader();  
  13. img_mcl.addListener(mclListener);  
  14. img_mcl.loadClip("image1.jpg", img_mc);  
  15.   
  16. // 当鼠标移动时，重新计算投影的位置。  
  17. var mouseListener:Object = new Object();  
  18. mouseListener.onMouseMove = function():Void {  
  19.     var p1:Number = img_mc._y - _ymouse;  
  20.     var p2:Number = img_mc._x - _xmouse;  
  21.     var degrees:Number = Math.atan2(p1, p2) / (Math.PI / 180);  
  22.     dropShadow.distance = Math.sqrt(Math.pow(p1, 2) + Math.pow(p2, 2)) * 0.5;  
  23.     dropShadowdropShadow.blurX = dropShadow.distance;  
  24.     dropShadowdropShadow.blurY = dropShadow.blurX;  
  25.     dropShadow.angle = degrees - 180;  
  26.     img_mc.filters = [dropShadow];  
  27. };  
  28. Mouse.addListener(mouseListener);  

此代码的第一部分定义投影实例,加载外部图像,并将该图像重新定位在舞台中央,代码的第二部分定义鼠标侦听器,每次当用户沿舞台移动鼠标指针时,将随即调用该侦听器,每次移动鼠标时,事件处理函数都将重新计算鼠标指针与图像左上角之间的距离和角度,根据此计算,投影滤镜将重新应用于影片剪辑.

标签：

给我留言