Flash dynamic mask 动态遮罩

本文译者:egoldy
文章出处: http://www.5etdemi.com
文章性质:翻译 www.it55.com在线教程

FLASH DRAWING API除了可以让我们绘制图形外,我们还可以应用它绘制遮罩,而这种绘制的遮罩的特点就是我们可以动态的绘制. sflj www.it55.com kg^&fgd

怎样使用FLASH DRAWING API 绘制遮罩

MM提供的遮罩的有如下这几种: IT资讯之家 www.it55.com

代码: http://www.it55.com/

MovieClip.beginFill
MovieClip.beginGradientFill
MovieClip.clear
MovieClip.curveTo
MovieClip.endFill
MovieClip.lineStyle
MovieClip.lineTo
MovieClip.moveTo

在实际的应用中我们可能不会全都用上,如下面的例子中我们会应用到beginfill,lineto,moveto,endfill等. IT资讯之家 www.it55.com

下面我们就开始学习,先看一个简单的例子. 免费资源www.it55.com

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

代码:

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

this.createEmptyMovieClip('square',0);
with(_root.square)
{
        moveTo(0,0);
        beginFill(0x000088)
        lineTo(100,0);
        lineTo(100,100);
        lineTo(0,100);
        endFill();
}

IT资讯之家 www.it55.com

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

代码: 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

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();

上面的代码我们只是绘制了方形,现在你就可以测试你的影片,如果想把我们绘制的形体指定为遮罩只需要在下面加上一行代码： www.it55.com

代码: www.it55.com在线教程

_root.maskee.setMask(_root.square);
www.it55.com在线教程

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

vd;k;l www.it55.com rdfg

接下来我们来看几个例子： http://www.it55.com/

影片1：可拖动的遮罩 http://www.it55.com/

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

www.it55.com在线教程

代码: www.it55.com在线教程

onClipEvent(load)
{
        _root.createEmptyMovieClip('square',0);
        function drawSquare()
        {
                x = _root._xmouse;
                y = _root._ymouse;
                with(_root.square)
                {
                        clear();
                        moveTo(x-50,y-50); 免费资源www.it55.com
                        beginFill(0x000088)
                        lineTo(x+50,y-50);
                        lineTo(x+50,y+50);
                        lineTo(x-50,y+50);
                        endFill();
                }
        }
        this.setMask (_root.square) sflj www.it55.com kg^&fgd
}
onClipEvent(mouseMove)
{
        drawSquare();
        updateAfterEvent();

（阅读次数：）