Flash动态遮罩的原理和应用

　　FLASH DRAWING API除了能够让我们绘制图像外,我们还能够应用他绘制遮罩,而这种绘制的遮罩的特点就是我们能够动态的绘制.

　　怎样使用FLASH DRAWING API 绘制遮罩

　　MM提供的遮罩的有如下这几种:

　　代码:

　　

---

　　MovieClip.beginFill

　　MovieClip.beginGradientFill

　　MovieClip.clear

　　MovieClip.curveTo

　　MovieClip.endFill

　　MovieClip.lineStyle

　　MovieClip.lineTo

　　MovieClip.moveTo

　　

---

　　在实际的应用中我们可能不会全都用上,如下面的例子中我们会应用到beginfill,lineto,moveto,endfill等.

　　下面我们就开始学习,先看一个简单的例子.

　　我们要在屏幕上绘制一个遮罩,并用他的来做遮罩,为了实现上面的效果,我们需要在场景中导入一个图片,并将其转换为影片剪辑,命名为maskee.然后我们在主帧上加入如下代码:

　　代码:

　　

---

　　this.createEmptyMovieClip('square',0);

　　with(_root.square)

　　{

　　moveTo(0,0);

　　beginFill(0x000088)

　　lineTo(100,0);

　　lineTo(100,100);

　　lineTo(0,100);

　　endFill();

　　}

　　

---

　　上面的代码我们已完成了方形的绘制,现在您能够测试您的影片,同时您可能注意到这里使用了with,目的是使我们的代码看起来更清楚,当然您也可选择其他的方法,如下,您可进行一下对比,您会认为哪一种更清楚,更易读一些.

　　代码:

　　

---

　　this.createEmptyMovieClip('square',0);

　　_root.square.moveTo(0,0);

　　_root.square.beginFill(0x000088)

　　_root.square.lineTo(100,0);

　　_root.square.lineTo(100,100);

　　_root.square.lineTo(0,100);

　　_root.square.endFill();

　　

---

　　上面的代码我们只是绘制了方形,现在您就能够测试您的影片,假如想把我们绘制的形体指定为遮罩只需要在下面加上一行代码：

　　代码:

　　

---

　　_root.maskee.setMask(_root.square);

　　

---

　　这一行代码的意义在于将我们绘制的方形指定为maskee的遮罩,同时我们在上面应用了clear()方法,他的作用是清除square之前的动作。

　　测试您的影片

　　接下来我们来看几个例子：

　　影片1：可拖动的遮罩

　　根据上面我做的基础，仍然使用上面的maskee影片剪辑，将主帧上的代码清除，我们将下面的代码加在maskee影片剪辑上，而不影片剪辑的帧上，

　　代码:

　　

---

　　onClipEvent(load)

　　{

　　_root.createEmptyMovieClip('square',0);

　　function drawSquare()

　　{

　　x = _root._xmouse;

　　y = _root._ymouse;

　　with(_root.square)

　　{

　　clear();

　　moveTo(x-50,y-50);

　　beginFill(0x000088)

　　lineTo(x 50,y-50);

　　lineTo(x 50,y 50);

　　lineTo(x-50,y 50);

　　endFill();

　　}

　　}

　　this.setMask (_root.square)

　　}

　　onClipEvent(mouseMove)

　　{

　　drawSquare();

　　updateAfterEvent();

　　}

　　

---

　　测试您的影片，您会发现一个100*100的方形在随着光标移动并可为一个遮罩，和上个例了不同的是我们将绘制方形的代码定义为一个函数drawSquare();因为我们要在光标移动的时不断的调用他。另外上面用到了clear()方法，他的作用是清除square剪辑之前的任何动作。

　　观看演示1

　　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有