`
maloveqiao
  • 浏览: 99129 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Flash AS3.0实例---接近鼠标的图片缓动效果

    博客分类:
  • as3
 
阅读更多


当鼠标移动到图片的一定位置时,图片会缓冲移动到鼠标位置,在现有代码的基础上在添加一些事件可以衍生出很多效果比如说,图片展示效果或者菜单效果也是经常用到的。
源代码如下:

package {
import flash.display.*;
import flash.events.*;



public class ProxMenu extends MovieClip {
private var ia:Array;
public function ProxMenu():void {
//定义的四张图片的实例名
ia = [im1, im2, im3, im4];
for (var i:uint = 0; i < 4; i++) {
    ia[i].buttonMode = true;
    ia[i].ox = ia[i].x;
    ia[i].oy = ia[i].y;
    ia[i].tx = ia[i].ox;
    ia[i].ty = ia[i].oy;
    ia[i].addEventListener(MouseEvent.ROLL_OVER, onOver);
   }
   stage.addEventListener(Event.ENTER_FRAME, onMove);
  }
  private function onOver(e:MouseEvent):void {
   e.target.mk.gotoAndPlay(2);
   addChild(MovieClip(e.target));
  }
  private function onMove(e:Event):void {
   for (var i:uint = 0; i < 4; i++) {
    var dist:Number =  getDist(mouseX, mouseY, ia[i].ox, ia[i].oy);
     //当鼠标的离图片中心点的位置小于70时..
    if (dist < 70) {
     ia[i].tx = mouseX;
     ia[i].ty = mouseY;
    } else {
     ia[i].tx = ia[i].ox;
     ia[i].ty = ia[i].oy;
    }
   //鼠标移动图片产生缓冲效果
    ia[i].x += Math.round((ia[i].tx - ia[i].x) * 0.3);
    ia[i].y += Math.round((ia[i].ty - ia[i].y) * 0.3);
   }
  }
   //计算鼠标离图片中心点的距离
  private function getDist(x1:Number, y1:Number, x2:Number, y2:Number):Number {
   var dx:Number = x2 - x1;
   var dy:Number = y2 - y1;
   return Math.sqrt(dx * dx + dy * dy);
  }
}
}

推荐内容

    Photoshop制作多张图片叠加效果Photoshop制作多张图片叠加
    Photoshop制作漂亮的钢板字Photoshop制作漂亮的钢板字
    Photoshop巧用滤镜制作的冰晶字效果Photoshop巧用滤镜制作的冰
    Photoshop制作大气的紫色51立体字教程Photoshop制作大气的紫色5

热点内容

    Flash As3.0无锯齿缩放图片
    ActionScript 3.0实例:鼠标事件制作单选按钮
    Flash AS3.0图片滑动展示效果
    Flash菜单教程:制作横向滑动的导航菜单
    flash as3 设置文件框焦点focus方法
    Flash实例教程 让美丽的图画动起来
    flash as3+xml 加载swf轮播
    绘制旋转的3D效果菜单动画
    超动感的Flash卷画效果动画
    使用AS3开发Flash全站:WebBase
    微软已经证实IE9浏览器将不支持Flash
    Flash AS实例:鼠标滑过图片实现震动特效

TAG标签 | RSS订阅 | 关于我们 | 联系我们
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics