如何制作跟随鼠标的遮罩效果(AS3)

2025-11-27 18:18:44

1、这里用的是Animate CC,打开软件,新建AS3文档。

如何制作跟随鼠标的遮罩效果(AS3)

2、找一张图片,放到舞台上。

如何制作跟随鼠标的遮罩效果(AS3)

3、把这张图片转换为影片剪辑,并设置实例名为image_mc

如何制作跟随鼠标的遮罩效果(AS3)

如何制作跟随鼠标的遮罩效果(AS3)

如何制作跟随鼠标的遮罩效果(AS3)

4、用圆形工具画一个圆形,并转换为影片剪辑,注册点在中心位置。

如何制作跟随鼠标的遮罩效果(AS3)

如何制作跟随鼠标的遮罩效果(AS3)

5、设置这个圆形影片剪辑的实例名为mask_mc

如何制作跟随鼠标的遮罩效果(AS3)

6、在主时间轴加如下代码:

image_mc.mask=mask_mc;

mask_mc.addEventListener(Event.ENTER_FRAME,FollowMouseEvent);

function FollowMouseEvent(e:Event):void

{

mask_mc.x+=(this.mouseX-mask_mc.x)/3;

mask_mc.y+=(this.mouseY-mask_mc.y)/3;

}

如何制作跟随鼠标的遮罩效果(AS3)

7、运行后就可以看到效果了。

如何制作跟随鼠标的遮罩效果(AS3)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢