首页 | 网页设计 | w3c标准 | flash动画 | 平面设计 | 经典文章 | 特约专题 | 资源下载 | 健康频道 | 重庆品牌网站 | 留言簿 | 
技术文章  资源下载 经典素材  社区论坛
   
 您现在的位置: vi设计在线 >> 经典文章 >> 网页设计 >> 技术教程 >> 正文  
  实现Flash动态背景         
[ 作者:佚名    转贴自:本站原创    点击数:3238    更新时间:2006/3/10    文章录入:juanzi ]

减小字体 增大字体

实现Flash动态背景 

新建一个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 MX制作堆雪效果
 下一篇文章: 实用的Flash技巧心得
发表评论】【告诉好友】【打印此文】【关闭窗口


技术文章  资源下载
经典素材  社区论坛
 中大型美容美发店老…[1060]
 重庆多达学习俄语培…[2288]
 重庆恒祥广告有限公…[1990]
 重庆市南方阻燃电线…[2402]
 重庆舞美灯光音响有…[3145]
 重庆德鼎滤油机有限…[1908]
 重庆民生建材有限公…[2349]
 重庆集元科技有限公…[4128]
 重庆倍润商贸有限公…[2015]
 重庆腾达展览有限公…[3081]
 帝一网络创始人宣…--[3177]
 重庆vi设计在线祝…--[2740]
 重庆帝一网络书生…--[2855]
 馋嘴鸭的起伏和经…--[2999]
 机器感觉“卡”的…--[2929]
 ActionScript3打造…--[5756]
 在ASP文件中读取H…--[7238]
 vi设计经典案例--[63824]
 帅到掉渣-爆笑版勇…--[7065]
 一个女孩写的经典…--[6826]
没有相关文章
 (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    没有任何评论
设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 重庆网站建设 | 
版权所有: vi设计在线  © 2005-2018 网站备案序号:渝ICP备06003824号
技术支持:帝一网络(重庆网站建设专家)