FLASHMX2004制作放大镜效果

注：本教程已由闪客帝国的编辑修改

一、效果预览

PLAY="true" LOOP="false" MENU="true" QUALITY="high" AllowScriptAccess="never"

TYPE="application/x-shockwave-flash"

PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"

二、建立四个层，如下图所示

详细说明：在该教程中，要想通过下面的AS语句实现预览中的效果，需要设置四处坐标为（0,0）。

（1)分别设置圆、四倍图像在本元件（mask,large）中的X、Y坐标为（0,0）。如图：

（2)将大小两个图片在场景上的位置坐标设定为（0,0），如图：

三、填写AS

算法讲解：

mask._y=_ymouse-[mask圆的半径]和mask._x=_xmouse-[mask圆的半径]用来实现遮照圆随着鼠标的移动而移动，同时将鼠标指针定位于遮照圆mask的中心点。原理解释如图：

如果该圆在元件中的X,Y坐标在圆的中心点上，则不需要减去r，代码修改为：mask._x=_xmouse;mask._y=_ymouse;

large._x=[1-放大倍数]*_xmouse和large._y=[1-放大倍数]*_ymouse用来实现大图片随着鼠标的移动而移动，它的坐标是鼠标坐标的[1-放大倍数]倍。原理如图：