click点击后鼠标移去就失效怎么实现_Animate如何实现点击后元件跟随鼠标

c526cb509b91f3e19688130baf9bc18c.png

这里讲一下在Animate软件中,使用AS3脚本实现点击元件后让其跟随鼠标的功能。

适用软件:Animate软件及支持AS3脚本的Flash软件

操作步骤
1.打开软件,新建一个AS3脚本文档。

340c22db739ea1f12d55355359866463.png

2.使用椭圆工具在舞台上绘制一个圆形,如图

b519bc836a8e83ac5b452a9415ce4f40.png

d132b661815c1c2e299465177e4921f0.png

3.使用鼠标右键点击圆形,转换为元件,或者使用快捷键f8

28f01d0d8642aeda3b3fa60048dccbde.png

4.这里转换为影片剪辑元件,因为要让它与鼠标进行交互

b474643ab4bf3a8573853796dc7fd067.png

5.选择这个影片剪辑,设置它的实例名为mc

acf1fd9a3a63170e5bce3fc3320966f2.png

6.新建一个图层,用于编辑代码

d89d8e43e6fdf7605ea165d6aa4f14f7.png

7.在动作面板中输入如图所示代码

var isFollow:Boolean=false;
mc.addEventListener(MouseEvent.CLICK,FollowMouseEvent);
function FollowMouseEvent(e:MouseEvent):void
{
	if(isFollow==false)
	{
		isFollow=true;
		mc.addEventListener(Event.ENTER_FRAME,FollowEvent);
	}
	else
	{
		isFollow=false;
		mc.removeEventListener(Event.ENTER_FRAME,FollowEvent);
	}
}
function FollowEvent(e:Event):void
{
	mc.x=this.mouseX;
	mc.y=this.mouseY;
}

23210e83ea0a04e4ba7171ab51040425.png

8.上半部分是鼠标点击相关代码

7e4f4b6ab673e39f8978910d69c55908.png

9.下半部分是跟随鼠标的代码

e015f219b733cb3ca33771b27e5cb2af.png

10.运行后,用鼠标点击元件,元件就会跟随鼠标移动,再次点击,就会停止跟随。

c112a1d8189581798c8f64ba48f68df7.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值