制作动态放大镜画面效果 -电脑资料

   

    一、[·源文件下载·]

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

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

制作动态放大镜画面效果

。

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

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

    三、填写AS

    算法讲解：

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

电脑资料

《制作动态放大镜画面效果》(https://www.unjs.com)。原理解释如图：

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

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