注:本教程已由闪客帝国的编辑修改
一、效果预览
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-放大倍数]倍。原理如图: