手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Animate如何实现随鼠标左右移动的汽车

时间:2024-10-13 02:31:53

1、因为要使用AS3脚本,所以这里打开软件后,新建一个Actionscript3.0文档。

Animate如何实现随鼠标左右移动的汽车

2、将准备好的汽车素材放到舞台中,如图

Animate如何实现随鼠标左右移动的汽车

3、使用鼠标选择整个汽车,并右键选择转换为元件

Animate如何实现随鼠标左右移动的汽车

4、因为要用代码控制,这里选择影片剪辑元件

Animate如何实现随鼠标左右移动的汽车

5、选择转换后的元件,在属性面板中设置实例名为car

Animate如何实现随鼠标左右移动的汽车

6、打开动作面板,先输入鼠标侦听的代码,如图衡痕贤伎stage.addEventListener(MouseEvent.MOUSE_MOVE,MouseMoveEvent);function MouseMoveEvent(e:MouseEvent):void{ }

Animate如何实现随鼠标左右移动的汽车

7、继续添加代码,让小车跟随鼠标左右移动

Animate如何实现随鼠标左右移动的汽车

8、ctrl+enter预览后,可以看到鼠标移动后,小车会左右移动

Animate如何实现随鼠标左右移动的汽车

9、为了让移动更自然,这里可以使用帧频代码,如图stage.addEventListener(Event.ENTER_FRAME,MouseMoveEvent);function MouseMoveEvent(e:Event):void{ car.x+=(this.mouseX-car.x)/5;}

Animate如何实现随鼠标左右移动的汽车

10、预览后,可以看到鼠标移动时,同样小车会跟着动,但是会有缓动效果

Animate如何实现随鼠标左右移动的汽车
© 手抄报圈