鼠标跟随flash代码_FLASH如何制作黑板擦效果(AS3)

1a107e81f00cebee2f65dfb9db4b7241.png

前面讲过跟随鼠标移动的遮罩效果,这里再进行升级讲解使用AS3代码制作黑板擦擦除文字的效果。

如何制作跟随鼠标的遮罩效果(AS3)​jingyan.baidu.com FLASH如何制作半透明遮罩(AS3)​jingyan.baidu.com

主要知识点:鼠标跟随、动态遮罩

适用软件:所有支持AS3脚本的FLASH软件及Animate CC软件

制作步骤:
1.这里用的是Animate CC,打开软件,新建AS3文档。

947633187bcdb28c271d6e8d83fc6cfb.png

2.调舞台颜色为暗色,以对应黑板颜色。

d7f1d7204e6a0c8838bdc1adf2a332ba.png

3.使用文本工具在舞台上放置一个静态文本,并输入文字

d3c731aea120dc261b75f4d5089f803f.png

290295023e261b0662b5352a4fced379.png

4.选择文本,右键选择转换为元件,转换为影片剪辑

3fe932b3da305ba3bdc8d6359315acc5.png

8e5de1a6db89a51c974314c0dcd8d714.png

5.设置影片剪辑实例名为txt_mc

2b6300c4486f7f9d3058d96daed4385b.png

6.新建图层,使用矩形工具,填充为黑色画一个和舞台同样大小的矩形

d71c670615ae5e5262c0a901277935bc.png

1db2a408a8d49cbbf548d27d2f001125.png

8378f21e9eb04be2ae58eb36225f71c5.png

7.将绘制的黑色矩形转换为影片剪辑,注意注册点在左上角

508fc7e67f0dfccdf195f9d1b396be2c.png

516642b1abddbfcf6fdd0d615a8fc4aa.png

8.设置矩形元件的实例名为mask_mc

1a5b39bb4bfe4bb7faaf689ea37d6a34.png

9.最后制作一个圆形影片剪辑元件,当作黑板擦,注意它的注册点在中心位置。

dfd13e0a6ad267112efb1df0dba8ec8b.png

10.设置元件的实例名为clear_mc

3e5c1535c9899b0761cee8cf9f14d001.png

11.准备工作已经结束,最后在主时间轴编写如下代码:

txt_mc.cacheAsBitmap=true;
mask_mc.cacheAsBitmap=true;
mask_mc.mask=txt_mc;
mask_mc.removeChildAt(0);
var shape:Shape=new Shape();
mask_mc.addChild(shape);
shape.graphics.beginFill(0xffffff);
shape.graphics.drawRect(0, 0, stage.stageWidth,stage.stageHeight);
shape.graphics.endFill();
shape.graphics.lineStyle(clear_mc.width,0x003333);//这里的颜色值为背景颜色
shape.graphics.moveTo(this.mouseX,this.mouseY);
this.addEventListener(Event.ENTER_FRAME,FollowMouseEvent);
function FollowMouseEvent(e:Event):void
{
	clear_mc.x=this.mouseX;
	clear_mc.y=this.mouseY;
	shape.graphics.lineTo(this.mouseX,this.mouseY);
}

7e02e1c712a330d8612ead237f6efae6.png

12.运行后就可以移动鼠标看到文字被擦除掉了。

2171408e068343eb9101e3d25f2e9a7f.png
如果有相关的FLASH或者Animate操作及代码方面的问题可以私信或留言,尽力解答!
如果感觉我们的文章很有用,记得分享给朋友或同学,让更多人方便的学习到实用的Flash知识。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值