Flash模拟地震摇晃动画效果

所属分类: 媒体动画 / Flash教程 阅读数: 113
收藏 0 赞 0 分享
  地震是目前人类还不能完全避免和控制的,可能有一些网友还没有感受过地震,那就很幸运了。四川汶川地震刚发生不久,就传来了过万同胞遇难的噩耗。现在我们为灾区人民祈福,下面通过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文件的体积。


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

更多精彩内容其他人还在看

flash制作可爱的简单线条笑脸

这篇教程是向脚本之家的朋友介绍flash制作可爱的简单线条笑脸方法,教程制作出来的笑脸非常可爱,而且方法不是很难,推荐过来,大家一起来学习吧
收藏 0 赞 0 分享

flash中制作文字按照顺序显示出来的gif动画

这篇教程是向脚本之家的朋友介绍flash中制作文字按照顺序显示出来的gif动画方法,教程制作出来的动画效果非常漂亮,难度不是很大,推荐过来,大家快快来学习吧
收藏 0 赞 0 分享

flash制作一个一个字的冒出来的打字效果

这篇教程是向脚本之家的朋友介绍flash制作一个一个字的冒出来的打字效果方法,教程很简单的,很适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

用flash制作画卷展开、合拢的gif动画效果

这篇教程是向脚本之家介绍用flash制作画卷展开、合拢的效果方法,教程制作出来的效果很不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

flash怎么制作太阳月亮地球演示动态图?

flash怎么制作太阳月亮地球演示动态图?这个动图的制作过程很麻烦,因为出现的元素很多,下面我们就来看看绘制的图文教程,每一步都有,参数很清楚,想学习的朋友可以进来参考一下
收藏 0 赞 0 分享

flash制作一闪一闪的gif动画文字按钮效果

这篇教程是向脚本之家的朋友介绍flash制作一闪一闪的gif动画文字按钮效果方法,教程真的很不错,制作出来的效果很漂亮,推荐过来,一起来学习吧
收藏 0 赞 0 分享

在flash中制作由花生组成的好看花型

这篇教程是向脚本之家的朋友介绍在flash中制作由花生组成的好看花型方法,教程制作出来的图形很漂亮,难度也不是很大,推荐到脚本之家,喜欢的朋友一起来学习吧
收藏 0 赞 0 分享

flash逐帧动画制作全过程解析

这篇教程是向脚本之家的朋友分享flash逐帧动画制作全过程,教程非常基础,很适合新手来学习,推荐过来,有兴趣的朋友可以过来学习
收藏 0 赞 0 分享

flash引导层动画:引导层制作飞行的飞机

这篇教程是向脚本之家的朋友分享flash引导层动画:引导层制作飞行的飞机教程,教程真的很不错,很适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

Flash把静态的水的图片制作成形象逼真的水波效果

这篇教程是向脚本之家的朋友分享Flash把静态的水的图片制作成形象逼真的水波效果方法,教程真的很不错,很值得大家学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享
查看更多