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

JD326995259

JD326995259

2016-01-29 13:28

Flash实例:地下室的幽灵火焰(4),Flash实例:地下室的幽灵火焰(4)
二、设计场景

  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帧的场景中。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)

 
图17 

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/fjc/)
展开更多 50%)
分享

猜你喜欢

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

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

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

flash教程
Flash实例:地下室的幽灵火焰(3)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

flash教程
Flash实例:地下室的幽灵火焰(1)

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

flash教程
Flash实例:地下室的幽灵火焰(2)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

地下室怎么防潮?地下室防潮的方法

生活常识
地下室怎么防潮?地下室防潮的方法

梦见地下室

周公解梦 解梦
梦见地下室

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用PHP和AJAX创建RSS聚合器

用PHP和AJAX创建RSS聚合器

有趣的Flash动态填色本(5)

有趣的Flash动态填色本(5)
下拉加载更多内容 ↓