FLASH下载

设为首页
繁體中文
闪客留言

 首页 | FLASH动画 | FLASH专辑 | FLASH短片 | FLASH游戏 | FLASH歌曲 | FLASH教程 | Flash播放器代码
您当前的位置:flash下载 -> FLASH教程 -> AS教程 -> 文章内容  
栏目导航 相关文章
· FLASH基础 · FLASH实例教程
· FLASH技巧 · AS教程


遮罩的Action控制

作者:转载  来源:[闪客]  发布时间:2006-5-22 21:31:54  编辑人:[FLASH教程]

减小字体 增大字体


  对于Flash中的遮罩(Mask),大家一定不会感到陌生,由于遮罩在显示时的灵活性,所以在制作Flash特效时被经常地使用。但是在Flash的编程中,会遇到一个无法克服的问题: 当MC位于Mask这个层时,这时我们使用Action对其进行控制将毫无反应。 比如说我们如果想做一个随机运动的遮罩将是非常困难的。

  今天我要讲的是一种变通的Action控制。我们知道遮罩层的MC无法用Action控制,所幸的是,被遮的那一层里的MC可以被我们灵活控制。显然,我们可以通过action控制被遮的那层MC做相反方向上的移动来模拟遮罩移动的效果。 举个具体的例子来说吧,大家也许看到过我之前做的国旗贴图的例子,那是用100条线来组成一幅国旗的图,每条线其实就是一个mask。 由于100条线我是通过复制MC来实现的,这就意味着所有的线显示的都是国旗最上面的那条红线,那么怎么样才能显示完整的国旗呢? 我们当然可以将100条线顺序排列,但是如果都显示的一条红线,那么最终出来的将不是国旗,而是一块红布:)

  我的做法是,当100条线顺序从上向下排列,用Acion控制被遮的国旗向上移动相应的像素。这样,整体的视觉效果就是国旗在原地不动,而遮罩从上向下排列,当然国旗就完整地显示出来了。 大家可以下载源程序分析一下。(演示地址下载地址

  在Flash的整体设计中,有一个很重要的技巧需要引起足够的重视。 那就是有关图形的分解和合并,不要误以为我让大家拿剪刀去"切"图形,呵呵,我的意思是: 很多看似一个整体的东西,实际上却是由很多细小的部分,或者很多层分开的图形来构成的,用Action控制它们一起运动,视觉效果就是一个整体在运动。这个设计思路对遮罩尤其重要!

  让我们来看看今天我要着重讲的例子-------一个随机运动的遮罩。

( Source Code )

  这个例子是根据俄罗斯的 Denis V. Ivanov (http://flash.onego.ru/)做的一个例子改编的,他原程序是用Flash5编写的,为了便于大家的理解,我修改了他的算法,并用FLash4来实现他的控制思路。我个人认为他的思路对大家应该是很有启发的。

  这个例子中使用了两个技巧:

  1、灵活应用了MC的层次关系------在上层的MC将覆盖下层MC的内容。

  大家可以看到,当两个长方形运动交错时,它们会自动融合在一起,只留下边框和阴影。 在具体的处理中,每个长方形其实不是一个元素,而是由三部分组成的:长方形(不带边框),长方形的边框,长方形的阴影。这三部分分别处在三个层中,其中长方形位于最上层,边框次之,阴影位于最下层。由于上层的物体自动遮住下层物体。所以当两个长方形运行交错时,交错部分的边框自动被上层交错的长方形给遮住了,所以显示的效果就是长方形会自动融合在一起。

  2、遮罩层的分离。

  第一眼看这个效果时,很多人都有这样的错觉,认为被遮罩覆盖的那一层,一定是一张蓝底黑图的很大的图片,然后遮罩在、这个图片上运动。

  事实却是另外一回事。遮罩应用的只是其中的黑的图,蓝底以及长方形的边框、阴影都跟遮罩没有关系,而是在其下面的层中。被遮罩的那个层里面有一个黑色的,同蓝底一模一样大小的MC,然后用Action控制他们一起运动。由于遮罩位于最上面一层,所以黑图的显示自动位于蓝色长方形的上方,同时因为我们用Action保证它们成一个整体运动,所以我们得到了一个模拟的遮罩,这个遮罩可以用Action随意控制,因为所有的MC都不在Mask层,都是可控制的。

  具体的制作过程以及关于运动的Action控制我就不讲了,大家可以分析分析源程序。 最后,再次感谢Den给我们带来的新思路,如果大家想更多的了解这个俄罗斯棒小伙,请访问: http://flash.onego.ru/

jimbob (jimbob@21cn.com)

(完)

[] [返回上一页] [打 印]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [查看评论>>>]
  评论人:ReCqAuon   打分:85 分  发表时间:2008-11-12 13:19:08
· SHU7TR43EFDl map http://citizenwatches.totalh.com/map.html 
  评论人:PjvqUuon   打分:85 分  发表时间:2008-11-12 10:28:48
· SHU7TR43EFDl free http://free-adults.bebto.com 
  评论人:VetsTooks   打分:85 分  发表时间:2008-10-15 19:43:15
· <a href= http://a-0abijv.awardspace.com/163.html >buy tramad...
  评论人:abrabarce   打分:85 分  发表时间:2008-9-30 20:43:31
·  <a href=http://automotivemagazines.freehostia.com>automotiv...
  评论人:abrabarce   打分:85 分  发表时间:2008-9-27 3:03:06
·  <a href=http://hramadonlin.awardspace.com>tramaddol online ...