WEB开发网
开发学院图形图像Flash Flash 动态遮罩效果详解 阅读

Flash 动态遮罩效果详解

 2007-01-03 10:52:04 来源:WEB开发网   
核心提示:本文译者:egoldy文章出处: http://www.5etdemi.com文章性质:翻译FLASH DRAWING API除了可以让我们绘制图形外,我们还可以应用它绘制遮罩,而这种绘制的遮罩的特点就是我们可以动态的绘制.怎样使用FLASH DRAWING API 绘制遮罩MM提供的遮罩的有如下这几种:代码:Movi

本文译者:egoldy

文章出处: http://www.5etdemi.com

文章性质:翻译

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

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

1 2 3 4 5 6  下一页

Tags:Flash 动态 效果

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接