养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Animate如何实现简单的鼠标跟随效果(AS3)

时间:2024-10-11 06:29:08

在以前的FLash软件中,使用AS3可以实现鼠标跟随效果,在Animate软件中同皱诣愚继样可以实现。这里讲一下基本的操作方法。

工具/原料

Adobe2021

Windows10

Animate2021

方法/步骤

1、因为要使用AS3脚本进行代码编写,所以这里要选择Actionscript3.0平台文档。

Animate如何实现简单的鼠标跟随效果(AS3)

2、将准备好要跟随鼠标的素材放到舞台中,如图

Animate如何实现简单的鼠标跟随效果(AS3)

3、鼠标单击这个素材后,右键选择转换为元件,也可以使用快捷键F8

Animate如何实现简单的鼠标跟随效果(AS3)

4、在弹出的元件类型中选择影片剪辑元件,注意对齐点的位置

Animate如何实现简单的鼠标跟随效果(AS3)

5、选择转换后的影片剪辑元件,在属性面板中设置实例名为mc

Animate如何实现简单的鼠标跟随效果(AS3)

6、新建一个图层,专用于代码编写

Animate如何实现简单的鼠标跟随效果(AS3)

7、这时鼠标右键选择新建图层的关键帧,打开动作面板,也可以使用快捷键F9

Animate如何实现简单的鼠标跟随效果(AS3)

8、在打开的动作面板中输入如图所示代码

Animate如何实现简单的鼠标跟随效果(AS3)

9、这时使用快捷键ctrl+enter,就可以看到鼠标跟随效果了

Animate如何实现简单的鼠标跟随效果(AS3)

10、再加一句代码,如图,这样运行后,除了跟随鼠标的效果外,鼠标还是可以正常与对象交互的

Animate如何实现简单的鼠标跟随效果(AS3)

© 一点知识