尽管这种效果早已不是秘密了。但论坛上给出的原文件却都含有XML,这让很多人头疼!至少让我这个不懂XML的人很头疼。
自放假以后闲来无事,于是就自己试着做这个效果。我发现就算不用XML一样可以做出来。
先看看我做出来的效果:)
[制作思路]
1 先分析特点,就是随机遮盖的效果:每次点击按钮都出现一张新的图片,而且图片出现的方式各不一样.相信接触Flash只要有一小段时间的人一看就知道是怎么做的,答案很简单,就是"遮盖"!
2 确立的制作方式后,接下来一个问题就是:怎么样点击按钮就出现相应的图片.其实,这个问题很容易解决,而且方法多种多样!定性般的做法是给每个按钮各加上一个事件,用attachMovie把图片在库中加载进来.但是这里我不这样做,这样做等下会很麻烦!我是这样处理的:把N张图片放在一个MC(影片剪辑)里,一帧一张图片,并把图片的大小和位置都对齐,在按钮上加个事件让MC gotoAndStop在某一帧,就实现了点击按钮跳转图片的效果.
3 接着就是"随机遮盖"的问题了,也是这个效果制作中唯一的难点!把这个问题解决了,做这个图片切换的效果也就没什么难度了.
我们可以这样处理:
方法1:把所有的遮盖效果各自做成MC,把他们全部拖到舞台上,设置为透明.用random产生随机数,让每个数字对应一个效果(这个用switch可办到),然后用setMask做遮照就OK了.不过,这虽然好理解,却也是比较笨的方法!
方法2:大家先看这个语句,看过之后就什么都明白了:)
i=random(7)+1//7是遮盖效果的总数,表示有7种不同的遮盖效果.
attachMovie("MASK"+i,"mask",-1,{_x:30,_y:20})//这里就是随机加载了.
前提是在库里为每个遮盖效果都加上连接的ID,并以这种格式:MASK1\MASK2\MASK3\...\MASKn 命名下去!
4 复制"步骤2"中那个放图片的MC,把他们放下上下2个紧挨着的层,上层做切换的图片,下层做背景,在每个遮盖效果的最后一帧加个gotoAndStop语句,让下层上的图片MC转到与上层图片MC相同的帧上.
三言两语说不清楚,请看图看效果吧!
图:
这是只用一个层的:
这是下面加个背景层的:
所以,步骤4那个背景层的作用,也就一目了然了:)