让网页背景飘起来
网页作坊
利用Flash强大的功能,我们可以让网页元素在自己的指挥下闪动于舞台之中。很多初学Flash Web的朋友往往容易忽视网页背景的动态变化,事实上,善用动态背景能起到烘托作用。访问者可能不会注意到背景的变化,却很容易感受到网页的舞动气氛。
动态背景种类
动态背景的制作要遵循同样的规则,再酷再炫的动态背景也不能喧宾夺主,网页中的内容才是主角。此外,我们还须注意过度“炫目”的动画有损视力,长时间面对飞来飞去的动画,谁都受不了。
总结起来,我们可以将所有动态网页背景分为两种:一种背景为一幅具体的画面,主要是其中的物体在动,例如雪夜里缓缓上升的清烟,随风飘落着白雪,闪烁的星星……这种类型的背景事实上就是一个简单的传统动画,在初学Flash时想必大家都做过,建议有一定绘画基础但对代码不是十分了解的朋友采用;另一种则是高手惯用的制作方法,利用简单的几何图形、文字符号,加上复杂的代码就能制作出绚丽的动态背景来,如经典的黑客帝国下落字符。这次我们就制作这类动态背景,例子虽然简单,但效果却不简单。
制作单体
穿梭的图形是一种比较常见的动态背景,我们以一个横向穿梭的条形物体为例开始我们的学习。
新建一个大小为820×520像素的文件,并导入一张图片作为背景,为防止图片被无意修改,将所在图层锁定之后新建一个图层,用于承载动画。
在此图层中用矩形工具绘制条状图形,并按F8键将其转换为影片剪辑,在属性面板为其指派一个剪辑名:“mc”。双击此剪辑进入编辑状态。在第二十帧创建关键帧,在这一帧选中条状图形并拖至右方。为了实现“远去消失”的效果,在第二十帧将图形的透明度设置为0。并在为其创建渐变动画时将速度变化设置为-50,条状物体就能加速向右飞驰。这样,动态背景的单体就制作完成了(图1)。

加入代码
显然,剩下的这部分工作需要使用代码来完成。剪辑复制的代码基本上都是相同的,只要掌握了,就能在制作其他动画时熟练使用。
回到主场景中,在新建的图层中输入代码:
i=0 //变量i的初始值为0
_root.onEnterFrame=function(){
//动画每次进入首帧时调用函数
if(i<20){
mc.duplicateMovieClip("mc"+i,i); //当i小于20时,复制剪辑“mc”。
_root["mc"+i]._y=200+random(100)
_root["mc"+i]._alpha=20+random(80)
_root["mc"+i]._yscale=60+random(60)
_root["mc"+i]._xscale=60+random(50) //定义复制品的横纵坐标、透明度。
i++ //变量i递增。
}}
这样,动态背景的制作就完成了,加上一些修饰,效果如图2所示。

总结:剪辑的复制代码运用了数组这一有力工具,其中“[]”符号内的部分就是这个数组的成员,通过变量,使每个成员与复制品一一对应,并设置其属性。另外由于使用了随机数“random()”,使属性的变化更具可变性。整个部分是这类动画制作的样板代码,必须对它十分熟悉。
实例效果观看及源文件下载可访问电脑报论坛(http://bbs.cpcw.com)站长大本营区。