精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网页软件>FLASH教程>正文

Flash实例:地下室的幽灵火焰(4)


来源:站长站 时间:06-09-21 点击: 点击这里收藏本文
二、设计场景

  1.  设计主场景中的层

  单击 按钮,如图15建立各层,层的次序不要变化。图15中显示了库中所有的符号以及各符号在场景中的相对位置。现在,你只要把已经设计好的电影剪辑从库中拖拽到相应的层里就可以了。如把影片剪辑“光圈动画”拖入到“光圈动画”层中。把符号放在各自的层里,然后通过隐藏和锁定它们我们就可以实现便捷、高效地工作了。

  技巧提示:如果你发现符号还需要编辑,可以双击元件后进入编辑状态编辑,编辑时锁定其它层或隐藏其它层,这样调整起来就比较省力省时。而且,在编辑状态下调整符号的位置也是很方便的。

  2.  设计火焰动画层

  把设计好的“火焰动画”影片从库中拖拽到“火焰动画”层中,接着选中“火焰动画”并在Properties面板里给影片起个实体名fire,如图16所示。然后右键点击场景中的“火焰动画”影片,选择Actions命令打开Actions面板,输入如下代码:

  // load事件为载入命令,当影片播放时就执行下面的代码
  onClipEvent(load) {
  // 语句的作用是让火焰动画在X轴的方向上左右移动,Math.random()产生随机数 
      _x += Math.random()*10 -5;
    //在Y轴的方向上改变火焰的大小,_yscale是影片在Y轴方向上的缩放属性
      _yscale = Math.random()*60 + 40;
  }

  这段代码的作用是让光球左右跳动,并时时改变自身的高度。这段代码和下面的代码结合就会产生火焰效果。

  3.  设计Actions层

  用新建层按钮 新建一个“Actions”层,然后点选层中的第2帧并按F7键插入空白关键帧。按F9键打开Actions面板,在两帧中各输入以下代码。

  第1帧中的代码如下:

  // 变量i控制着影片的深度(层次)
  i = 1;
  //影片最多复制个数的控制变量
  max = 60;

  第2帧中的代码如下:
  if (i <= max) {
    // 复制“火焰动画”影片
    duplicateMovieClip("fire", "fire" add i, i);
    i++;
  }

  第3帧中的代码如下:
  // 跳转到第2帧运行
  gotoAndPlay(2);

  4.  导入声音

  最后,我们再给这个动画加上点声音,让这个动画有点生气。可以说,就是这一点点声音,却能起到画龙点睛的效果。声音的加入方法如下:

  先用软件mp3Trim截取一段声音(也可以直接找素材),然后在Flash中按快捷键Ctrl+R打开Import面板把这个声音文件导入。

  单击 按钮再新建一层,并把改层命名为“Sound”层。单击该层的第2帧,然后按F7键插入一个空白关键帧,紧接着就按快捷键Ctrl+L打开库,把刚才导入的声音文件拖拽到第2帧的场景中。

 
图17 

  设置声音的输出方式:再点选“Sound”层第2帧,然后如图17所示进行设置,选择Fade Out(Fade Right to Left命令也可以)命令是让声音淡出,更显鬼魅之气。

  整个效果到这里就全部设计好了,按下Ctrl+Enter测试一下吧。源文件下载



  把此文章收藏到:          
相关教程
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.