论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash AS编程教程
Tag:2.0,3.0菜鸟,游戏,,cs,技巧,源码,,文本,文字,函数,音乐,随机,拖拽,asp,access,xml,mc,视频教程

实现Flash动态背景

文章类别:Flash AS编程 | 发表日期:2008-10-6 17:36:41


新建一个MC,命名为line_g,画一条竖线,坐标(0,0)。

注意:在这种需要控制坐标的flash中每个MC的初始坐标值都是很重要的,否则你很难弄清楚那个该死的MC到底跑到哪去了,即使是普通的flash,我们也最好制作得规范一些,这样看上去很清晰,检查起来也很方便。

再新建一个MC,命名为line_a,将line_g拖入(注意坐标),在line_g上捆绑下面的AS:

onClipEvent (load) {
speed = random(40)-20;//设置移动速度的初始值为-20至20
round = 20;
}
onClipEvent (enterFrame) {
if (_x < 0) {
_x = 450;
}
if (_x > 450) {
_x = 0;
}
//上面两个判断语句是为了避免MC超出播放范围,其中"450"为fla文件的宽度 if (i < round ) { _x += speed; i++; //给它一定的运行时间来保持某一速度 //数值20为保持这个速度的周期,可以根据自己的需要设定 } else { speed = random(40)-20; i = 1; //超过时间后赋予新的速度 } }

回到场景,拖入几个line_a,(本例中是5个),将它们的x坐标统统设置为0,y坐标设置为fla文件的高度的一半,预览就得到了上面的效果。仔细观察可以看出它们会同时改变速度和方向。

我们还可以进一步修改,让每一个MC的速度变化周期各不同(上面的变化周期20是固定的),改为:

onClipEvent (load) {
speed = random(40)-20;//设置移动速度的初始值为-20至20
round = random(15)+5;
}
onClipEvent (enterFrame) {
if (_x < 0) {
_x = 450;
}
if (_x > 450) {
_x = 0;
}
//上面两个判断语句是为了避免MC超出播放范围,其中"450"为fla文件的宽度 if (i < round ) { _x += speed; i++; //给它一定的运行时间来保持某一速度 //数值20为保持这个速度的周期,可以根据自己的需要设定 } else { speed = random(40)-20; round=random(15)+5; i = 1; //超过时间后赋予新的速度 } }

这样变化就更神出鬼没了。如果你喜欢,还可以进一步随机调整场景中竖线的色彩和宽度,留给各位思考和试验。

二、闪动的方块

这个效果比较适合将其规则地排列在一角,或做成星状随机的出现在任何地方,这就看你自己的喜好了。制作中没有用到setProperty,而是通过随机数跳转到渐隐方块MC的某一帧来达到随机闪动的目的。

首先新建一个Graphic(图形符号)命名为changer_g,选择矩形工具,按住Shift键画一个大小适当的正方形(注意坐标),双击正方形的边缘,选中所有边线,Ctrl+X剪切下来(暂时储存在剪贴板)。

新建MC,命名为changer_m,拖入changer_g,在第20帧(或随意某帧)创建关键帧,将第20帧的changer_g的透明度改为0,创建motion动画。

新建MC,命名为changer_a,拖入changer_m(注意坐标),ctrl+V将已放置在剪贴板中很久的正方形边框"释放"出来,那个边框应该正好与changer_m重合,如果不是这样请调整。

选中changer_a,捆绑AS:

onClipEvent(enterFrame){
if(i < 5){ //你也可以根据需要修改这个变化周期
gotoAndStop ( random(20) ); //这个数字就是changer_m的总帧数
i++;
}else{
i=1;
} }

然后在场景中拖入数个changer_a,按你的喜好布置好位置。效果就做好了。

三、随机跑动的箭头

这种效果是利用随机函数控制由左向右移动的MC的位置、大小和透明度来实现的。

首先,制作一个任意形状的图形符号(graphic)命名为basic_g,这里为了示意我们简单做了一个“>”符号,你可以仔细地绘制一个漂亮的箭头,效果会更好。

再新建一个电影剪辑(MovieClip)命名为basic_m,将刚才的图形符号basic_g拖入(坐标0,0)。在第20帧建立关键帧(这个帧数不是随便设置的,我将在后面的AS中进一步解释),向右水平拖动图形符号至合适的位置。从第1帧到第20帧创建motion动画,再将第5帧和第15帧创建为关键帧(选中后按F6键),选中第1帧和第20帧中的图形符号,将不透明度改为0%。这样我们就创建了一个渐显渐隐向右运动的MC。

再新建一个电影剪辑命名为basic_a,将刚才做好的basic_m拖入(坐标0,0),并将其inctance name(实例名)命名为obj,以便在AS对其进行控制,在第二帧创建内容帧(快捷键F5)。

在basic_a中新建一层,在第1帧中捆绑下面的AS,这是这个效果的核心部分。

if (i<=20) { //这里的数字20与前面提到的basic_m的帧数是相同的,或者你也可以设成帧数的整数倍,
由于下面的复制语句中的MC的深度是由 i 决定的,也就是说当第20个MC复制完成后,又将从1开始,
这样前面复制的深度为1的MC将被覆盖掉,而这时也正好过去了20帧,MC已经完成一个播放过程。
如果两数不相等就会出现MC还没播放完成就消失了或播放到第二次的某一段时MC消失的情况。
duplicateMovieClip("obj", i, i);
eval(i)._x = random(250); //设置MC的x坐标为0-250的随机数(上限约为fla文件宽度减去basic_m中basic_g走过的距离)
eval(i)._y = random(90); //设置MC的y坐标为0-90的随机数(上限略大于fla文件的高度)
tint = random(50)+50; //自定义变量tint来保存一个50-100的随机数 eval(i)._xscale = tint; eval(i)._yscale = tint; eval(i)._alpha = tint; 设置MC的x、y比例及透明度为相等的数值,让MC大小比例的变化与透明度的变化成正比,这样看上去有层次感。 i++; } else { i = 1; }

将第2帧也设为关键帧(快捷键F6),捆绑下面的AS:

gotoAndPlay(1);

视频教程列表
文章教程搜索
 
Flash AS推荐教程
Flash AS热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058