当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > Flash模拟地震摇晃动画效果

Flash实例教程
Flash精彩音乐动画实例:窗之恋
Flash教程:花吃蝴蝶的动画演示
Flash教程:用鼠标控制图片移动效果动画
跟随鼠标移动flash的制作教程
Flash实例教程:休闲来喝茶吧!
Flash动画实例:柳枝,小鱼,涟漪和水波动画
Flash实例:漂亮的翻书动画制作(无AS)
Flash制作一幅诗意的水墨卷轴展开的动画
Flash动画制作教程:好看的有星火特效的动画
Flash实例教程:害怕鼠标的文字动画特效
Flash CS4教程:利用三角函数知识制作环绕的菜单效果
Flash新手鼠绘教程:怎样学习鼠绘
Flash制作可爱的亲嘴猪动画效果
Flash入门实例:水滴动画制作
Flash教程:火苗跟随鼠标
Flash教程:绘制喜鹊和红梅动画
Flash制作可爱有趣的亲嘴猪动画
Flash制作蝙蝠在月夜里飞翔的动画
Flash实例教程:吹泡泡动画特效
Flash实例:可爱的小青蛙闹钟

Flash实例教程 中的 Flash模拟地震摇晃动画效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 125 ::
收藏到网摘: n/a

  地震是目前人类还不能完全避免和控制的,可能有一些网友还没有感受过地震,那就很幸运了。四川汶川地震刚发生不久,就传来了过万同胞遇难的噩耗。现在我们为灾区人民祈福,下面通过flash制作地震效果的教程,看看地震时候高楼是怎么摇晃的!
  地震是很恐怖的,能在瞬间把高楼建筑夷为平地,在此我们为四川汶川灾区的人民祈福。下用Flash实现的地震效果也很有震撼效果,下面我们就来制作这个效果一起来体验下。
  最终效果预览:


预览效果  源文件下载:点击下载 (30K, zip压缩文件)
  1、场景的大小比导入的图片小10-20像素,黑色背景。帧频为15fps。


图1
  2、按快捷键Ctrl F8打开“创建新元件”面板,创建一个名为“影片”的影片剪辑元件。接着在其编辑场景中按快捷键Ctrl R导入一张图片(世贸大楼被“砸”的图片)。注意,让图片的左上角顶点和场景的中心重叠,如图1所示。可以按快捷键Ctrl I打开“信息“面板进行辅助设置,如图2所示。


图2
  3、回到主场景,按快捷键Ctrl L打开“库”面板,把“库“中的“影片”元件拖放到场景1中。点选场景1中的“影片”元件,按快捷键Ctrl K打开“对齐”面板,点选“相对与舞台”按钮,然后再点击“水平对齐”和“垂直对齐”两个按钮(如图3所示),使影片“元件”在居中于场景内。


图3


  4、点选场景1中的“影片”元件,在“属性”面板为其起个实例名为mc,如图4所示。再点选第1帧,按一下F5键插入1帧。


图4
  5、新建一层,改名为“脚本”层,点选第1帧,按F9键打开“动作”面板,并在“专家模式”下键入如下代码:
// 复制出一个影片实例,使两个影片实例可以对照
duplicateMovieClip("mc", "mc" add i, i);

// 改变实例的位置、透明度、角度等属性的值,产生抖动效果
mc._x = Math.random()*4;
mc._alpha = Math.random()*50 50;
mc._rotation = Math.random()*2;   代码中,onClipEvent是事件处理函数,用来触发为影片剪辑实例定义的动作;this用来引用对象或影片剪辑实例;_x、_y属性可以改变元件的位置,_alpha属性改变元件的透明度;_rotation 属性用来改变角度值;Math.random产生一个0到1之间的数字。
  6、点选“脚本”层的第2帧,按F7键插入一个空白关键帧,按F9键打开“动作”面板,并在“专家模式”下键入代码“gotoAndPlay(1);”。
  7、按快捷键Ctrl L打开“库”,双击“库”中的图片,并如图5所示设置弹出的“位图”属性面板。这样设置是为了减小SWF文件的体积。


  本例的制作方法非常简单,代码也很容易懂。