网上的图片切换(纯Flash制作)

王朝other·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

尽管这种效果早已不是秘密了。但论坛上给出的原文件却都含有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那个背景层的作用,也就一目了然了:)

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航