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

Flash实例教程
火柴棍人光剑短打Flash动画制作
Flash模拟地震摇晃动画效果
飘落的枫叶Flash动画的制作过程
用Flash制作一个简单的MP3播放器
Flash制作梦幻仙境动画效果
Flash AS 制作个性月历实例教程
Flash制作旋转的花朵
Flash简单制作光晕动画效果
Flash新手教程:跟随鼠标的圈圈动画
Flash实例教程:模拟海底世界
Flash AS代码实现五彩缤纷旋转效果动画
Flash简单的鼠标跟随的文字动画实例
Flash转动的齿轮简单教程
Flash新手鼠绘教程——怎样学习鼠绘
Flash新手鼠绘教程-熟悉鼠绘工具
Flash新手鼠绘-漂亮的卡通花草场景
FLASH CS3 打造一个小奶瓶图标
Flash教程:卡通娃娃360度转身动画
flash人走路动画的制作
Flash实例:QQ搞笑表情动画

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 119 ::
收藏到网摘: 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文件的体积。


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